Nav bar on top of hero image

  • Author
  • #138673


    I would like it so the nav bar at the top of the home page has a background seperate to the hero image.

    I can’t see the writing at the moment because it doesn’t show clearly from the hero image.



    The blog I need help with is


    Theme Author

    You should be able to add some custom CSS to achieve what you are looking for. I’ve provided a CSS snippet below to get you started.

    @media (min-width: 1024px) {
      .site-navigation-panel-hero-overlay .site-navigation-panel {
        background-color: rgba(0,0,0,.8);

    Let me know how that works for you.


    That’s very kind! Thank you


    Theme Author

    You are welcome!

The topic ‘Nav bar on top of hero image’ is closed to new replies.