Support » Theme: Kahuna » Main menu moves inside header image

  • The main menu is above the header image, and that looks great.
    If you reduce the screensize slightly, the menu moves inside the picture, which looks a lot less good.
    If the screen gets even smaller, it changes to the hamburger, which is good. But the movement inside the picture I don’t like. Is there a way to stop this?
    Thank you for your help!
    Helen

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

Viewing 1 replies (of 1 total)
  • Hey, @wahelen

    To center the menu add below css code into Appearance → Customize → Additional CSS:

    @media (min-width: 1060px) and (max-width: 1281px) {
      #access div > ul > li > a {
        padding: 0 8px;
      }
    }
    
    @media (min-width: 800px) and (max-width: 1059px) {
      #access ul li a {
        padding: 0 4px;
        font-size: 10px !important;
      }
    }

    Hope this will helps you.

    Thanx.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.