Return to previous page

Site Homepage Columns not Stacking in Order

This topic has 8 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Robert Hall

ChuppsPianos

Participant

November 11, 2015 at 15:53

Really happy with how the site is functioning, but having one issue. The homepage does not load correctly when loaded on an iPhone. (And I am assuming other phones.) The rows are not stacking in order. The last paragraph of content is at the top and there is a massive gap between it and the rest of the pages content. Any help?

#98886 Copied

7 Answers

Robert Hall

Support staff

November 11, 2015 at 16:20

Hello,

Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#98895 Copied

ChuppsPianos

Participant

November 11, 2015 at 17:00

Here.

Please, contact administrator
for this information.

#98912 Copied

Robert Hall

Support staff

November 11, 2015 at 17:33

Hello,

Please update the Visual Composer plugin to latest version and check this issue.

You can download the latest plugins versions at this link https://www.8theme.com/download-plugins/ ,
enter your purchase code of the theme to get the plugins.

Regards,
Robert Hall.

#98914 Copied

ChuppsPianos

Participant

November 11, 2015 at 19:59

Updated the Visual Composer plugin to the latest version and checked on mobile.

There is an insane amount of pad/margin between the top of the page and the first content. It is all in order now, but the massive amount of space remains. It looks fine on a desktop, but not on a phone. Help with this is appreciated.

#98939 Copied

Robert Hall

Support staff

November 11, 2015 at 20:09

Did you made changes in original theme files?

Please provide us FTP credentials in Private Content and we’ll try to reupload theme.
Also please make full backup of the site.

Regards,
Robert Hall.

#98941 Copied

ChuppsPianos

Participant

November 11, 2015 at 20:12

Main problem was just fixed. Removed an embedded video on the homepage and now the gap is gone. The only (smaller) issue now is the bottom column is shunted to the top of the page on mobile.

#98942 Copied
Robert Hall

Support staff

November 11, 2015 at 20:50
Try to add the following code in custom.css
```
@media (max-width: 767px){
.page-content > .row-fluid .content, .page-content > .row .content {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    order: 0;
    -webkit-order: 0;
    margin-left: 0;
    max-width: 100%;
}}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#98949 Copied
Viewing 8 results - 1 through 8 (of 8 total)