Can anyone help fix gap above menu in mobile version of website? Thank you.

• 

  corey2021 · Member · Jan 27, 2021 at 5:08 am

  • Copy link
  • Add topic to favorites

  This is the website: https://wordpress-523598-1667017.cloudwaysapps.com/

  For some reason on mobile there’s a gap above the menu and it ends up on top of the hero, I would be incredibly grateful if any of the experts here could help with a solution. Thank you. 🙏

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

• 

  franxiscoflores1 · Member · Jan 27, 2021 at 7:27 am

  • Copy link

  Hi,

  you have to add some additional CSS code,

  you can try this:

  
  @media (max-width: 979px)
  .hestia-top-bar {
  display: block;
  }

  This way you can change the gap and make the topbar visibly

• 

  corey2021 · Member · Jan 27, 2021 at 7:42 am

  • Copy link

  Thank you. I already had this in the Custom CSS, didn’t help so it must be a different cause but I thank you for your assistance thus far. ☺

  
  @media (max-width: 979px) {
  .hestia-top-bar {
  display: none;
  }

• 

  corey2021 · Member · Jan 27, 2021 at 8:01 am

  • Copy link

  P.S. I disabled the top bar altogether so it isn’t a factor in, it’s still got the same gap.

• 

  staff-totoro · Staff · Jan 28, 2021 at 1:07 am

  • Copy link

  Hi @corey2021

  This is the website: https://wordpress-523598-1667017.cloudwaysapps.com/

  It appears that is not a WordPress.com site, but a site hosted with another provider. To clarify, we are not the only providers of WordPress sites, and outside web hosts also happens to offer WordPress sites, but they use a different version of the platform than what we use here. Because of this we are not able to help with your issue as it lies outside of our system. See http://support.wordpress.com/com-vs-org/ for more info.

  You can find support for your self-hosted WordPress site here: https://wordpress.org/support/forums/

  You may also wish to contact your host’s support team for more assistance.

  Hope that points you in the right direction!