Navigation bar overlapping post on mobile

• 

  heroofageneration · Member · Apr 10, 2018 at 7:48 pm

  • Copy link
  • Add topic to favorites

  I don’t know if this is a Theme issue or if it can be fixed in CSS. I’m using “The Writer” Theme, and I’ve noticed in both the WordPress preview and on mobile devices that the navigation bar on the top overlaps part of the picture of the first post. Is it possible to adjust the CSS so that the first post is presented underneath the navigation bar and not under it?

  The blog I need help with is: (visible only to logged in users)

• 

  pedalingpanda · Member · Apr 10, 2018 at 8:05 pm

  • Copy link

  Hello @heroofageneration, I was curious and checking your site to see if I could duplicate the issue. I did find that on my browser (FireFox 59) I did not have the issue but on my Galaxy S8+ the nav bar overlap did occur. I would suggest tagging this post with Modlook so a WP staff member can look into the theme to see about getting it fixed.

• 

  heroofageneration · Member · Apr 10, 2018 at 9:20 pm

  • Copy link

  I added the tag, thanks!

• 

  thesacredpath · Member · Apr 10, 2018 at 9:27 pm

  • Copy link

  Hi there, I’ve chatted with one of our theme developers and this is a bug. I’ve filed a bug report on this and hopefully it is fixed soon.

  In the meantime, try adding this to your custom CSS. Hopefully it will not mess things up for larger phone displays or in landscape orientation.

  @media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #wrapper {
    top: 70px;
  }
  }

• 

  thesacredpath · Member · Apr 10, 2018 at 9:29 pm

  • Copy link

  Someone should post here to let you know when the revision has been made so that you can then remove the above custom CSS.