Blog list page does not display on phone or tablet

  • thpcoach0261

    (@thpcoach0261)


    8 years ago

    My website is built responsively using the attorney theme. When I click on the Blog menu item for the recent blog posts page, the content displays perfectly in Firefox and Chrome on a Windows 10 laptop. However, when I try to display the same page on android or iphone, the section of the page that displays the blog intros is hidden. WHen I use F12 in Chrome to debug it in phone simulation, I can see the content is there but it is not being displayed on the phone. The website is https://www.totalhumanperformance.com.

    I figure it must be a style sheet issue but cannot figure it out. Any ideas on what I should be looking for? Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    You can actually see it on your desktop browser if you adjust the width to the size of a tablet or cell phone. It looks like the blog content disappears, but what is happening is that the sidebar is overlaying the content, but the sidebar’s content gets pushed down. You see when you make the browser narrow, and there’s that black bar at the top of where the content should be? That’s the black border that’s usually at the top of the first widget (WELCOME TO TOTAL HUMAN PERFORMANCE’S BLOG!). Not sure exactly what’s going on, but you can add this rule to WordPress’ custom CSS option (Appearance → Customize → Additional CSS) to force the sidebar down where it should be:

    
@media only screen and (max-width: 824px) {
   #sidebar-full {
      clear: both;
   }
}
    Thread Starter thpcoach0261

    (@thpcoach0261)

    Thank you CrouchingBruin that worked! What I don’t understand is what broke it in the first place. It worked at one time but I am not sure if it broke due to a plugin upgrade or a WP upgrade. Thank you for your time!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blog list page does not display on phone or tablet’ is closed to new replies.