Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 5, 2015 at 6:38 pm #513991
    Iptor

    Hi there,

    I found a great help article that helped me resolve the overlapping menu/logo issue for smaller screens on the English version of my site here:
    http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/

    And another one in the support forum with a bit of CSS I threw in my Quick CSS box here:
    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 7px; }
    }

    Together this works great on the English version of my site, but when I add the same to the Swedish version Quick CSS box it doesn’t seem to work. I’ve been cursing around the support forum all morning trying to figure it out and I’m stumped.

    Here is the Swedish version of my site:
    http://www.ibs.net/sv/

    Any suggestions?

    Thanks,

    Mike

    October 5, 2015 at 6:39 pm #513992
    Iptor

    I forgot to mention we use WPML to manage translation if that makes any difference.

    October 6, 2015 at 6:36 am #514151
    Rikard

    Hi Mike,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    October 6, 2015 at 6:06 pm #514653
    Iptor

    Hi Rikard,

    Login creds in private content section.

    /Mike

    October 7, 2015 at 7:00 am #514936
    Ismael

    Hey!

    Thank you for the update. We set the Enfold > Header > Mobile Menu > Header Mobile Menu activation to the second option. The menu will switch to mobile menu on tablets or browser width below 990px. If it’s not enough, use this:

    @media only screen and (max-width: 1100px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
    padding: 0 7px !important;
    font-size: 11px !important;
}
}

    Adjust the values if necessary.

    Regards,
    Ismael

    October 7, 2015 at 5:46 pm #515388
    Iptor

    Thanks Ismael, I had forgotten that I need to update settings for each language version.

    October 8, 2015 at 6:20 am #515574
    Rikard

    Hi,

    No problem, glad you got it fixed :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo/Menu overlap on tablets only on Swedish page using WPML’ is closed to new replies.