Banner covers header in Hestia Theme

  • Resolved jjg544

    (@jjg544)


    1 year, 11 months ago

    Banner is covering part of the header in the Hestia Theme. Is there a good way to prevent this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    Hi @jjg544

    Your theme nav element is fixed. So there’s two options, you can add this custom CSS:
    nav:not(.navbar-scroll-point)?{
    padding-top: 40px;
    }
    Or you can make the banner fixed and get rid of the :not() portion above to permanently show the banner.

    Thread Starter jjg544

    (@jjg544)

    For some reason, neither of those solutions are working for me. Any other ideas?

    Plugin Author rpetersen29

    (@rpetersen29)

    That should work. Try

    nav.navbar:not(.navbar-scroll-point)?{
    top: 40px;
    }
    If that’s not working then use top: 40px !important; . But one of these should work. The solution here is to add a 40px gap on your header somehow, so we just need to figure out the selector that doesn’t get overruled by your theme’s CSS.

    • This reply was modified 1 year, 11 months ago by rpetersen29. Reason: code formatting
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Banner covers header in Hestia Theme’ is closed to new replies.