Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 7, 2015 at 5:25 pm #441108
    GCA2014

    Hi,

    If you have a main top menu with many items, it might be too wide for not only mobile devices but also medium browser widths.
    The menu items on the left will move into and over the logo before you get a mobile menu.
    How should I fix this?

    Thanks and cheers
    ~Harry

    May 7, 2015 at 5:31 pm #441112
    swhowarddesign

    I have the same issue on tablets. The menu runs over the logo

    May 7, 2015 at 5:36 pm #441115
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1290px) and (min-width: 990px) {
.av-main-nav > li > a {
  padding: 0 5px;
}
.logo * {
  max-width: 70%;
  top: 15px;
}}


    @swhowarddesign     Can you please post the link to your website?

    Regards,
    Yigit

    May 7, 2015 at 5:49 pm #441126
    swhowarddesign

    http://www.swhowarddesign.com

    May 7, 2015 at 8:22 pm #441200
    Yigit

    Hi!

    Please add following code to Quick CSS in Coherence theme options under Styling tab

    @media only screen and (max-width: 990px) and (min-width: 769px) {
.main_menu ul:first-child > li > a {
  margin-left: 10px;
}
.logo * {
  max-width: 94%;
  top: 5px;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.