Forums

Home page will not show entire contents on mobile phone

Permalink
For some reason my home page on my website will not show the entire contents on a mobile phone. The rest of the pages, which are set up exactly the same, show everything just fine. It's only the home page. I have tried just about everything. Any suggestions?
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi tpalmer,

What is the address of your website?
tpalmer replied on at Permalink Reply
It ishttp://www.claycrossing.com
MrKDilkington replied on at Permalink Reply
MrKDilkington
@tpalmer

In your theme main.css file on line 730-732, you have a style that is hiding the page content on the home page when the screen is 768px wide or less.
@media only screen and (max-width: 768px) {
    .banner_wrapper {
        display: none; 
    } 
}

Do you have access to the theme files or can you ask the original developer to correct it?
tpalmer replied on at Permalink Reply
I am an admin of the site so I would assume I have access? I've gone to the dashboard and gone under pages & themes but am not finding anything that looks like what you've posted? Thank you so much for all your help!
MrKDilkington replied on at Permalink Reply
MrKDilkington
@tpalmer

The problem is the Content blocks have been added to the banner area. To fix this, you need to move the blocks down to lower areas.
jeevanism replied on at Permalink Reply
jeevanism
http://www.claycrossing.com/

This website is working fine, right ?
mhawke replied on at Permalink Reply
mhawke
It's still broken if you shrink the site down until the hamburger menu kicks in. As Karl says, the main content has been added to the banner which is supposed to toggle out of the way when the mobile menu displays. The content blocks need to be moved down to areas below the banner that don't disappear on small screens.
tpalmer replied on at Permalink Reply
Thanks so much for all the help guys. I think I about have it!!