Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 6, 2015 at 10:12 pm #484187
    DoubleI

    Hey there,
    First of what an amazing theme!

    Currently I’ve been implementing a secondary language to our website (french) and the header menus are overlapping onto the logo on the left.
    I made sure to have “Let logo and menu position adapt to browser window” ticked off and its been working perfectly fine on the english part of the site?

    Ive searched around and cant seem to find an answer anywhere, can anyone help me out? (im sure this is super simple!)

    • This topic was modified 9 years, 3 months ago by DoubleI.
    August 7, 2015 at 9:07 am #484348
    Rikard

    Hi ImpeccaImage,

    You have a lot of items in your menu on the french page but there is overlapping on the english one as well on some screen sizes, you could activate the mobile header on an earlier stage to prevent that. Please use the following in Quick CSS:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    You may have to edit the value 1024 to something higher because the overlapping starts somewhere around 1300 pixels.

    Best regards,
    Rikard

    August 7, 2015 at 4:56 pm #484614
    DoubleI

    Thank you so much! It worked perfectly, I adjusted it to about 1350 to accommodate the longer french menu and it’s perfect, I appreciate it very much

    August 8, 2015 at 7:33 pm #484846
    Dake

    Hey!

    Glad to know you got things sorted on your end :)

    Please let us know if you ever need help in the future.

    Cheers!
    Dake

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Secondary language menu overlap?’ is closed to new replies.