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)
  • Anonymous User 16453565

    (@anonymized-16453565)

    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.

    • This reply was modified 5 years, 8 months ago by Anonymous User 16453565.
    • This reply was modified 5 years, 8 months ago by Anonymous User 16453565.
Viewing 1 replies (of 1 total)
  • The topic ‘Main menu moves inside header image’ is closed to new replies.