Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 8, 2015 at 12:09 pm #484786
    Erwin

    Hi,

    On my website I have a main and a secondary menu. In the secondary there is a login/out link, when you are logged in a intranet-link and a language switch.

    menu
    When I adjust the width of the screen, the secondary menu aligns in the center, that’s okay with me. But it also adds a larger with, that causes that the elements of the menu are beneath each other and are invisible. This is caused by the fact that the menu and the language switch are two different ul’s.

    menu2
    How can I prevent those menu’s to do so? I’ve added a ink to the site below. Already found a topic creating a third menu, but because of the language switch, this will not wok for me, I think.

    Regards,

    Erwin

    August 10, 2015 at 8:44 am #485087
    Rikard

    Hey erwin_m,

    I’m not sure how well this is going to work but please try the following in Quick CSS, some adjustments might have to be done:

    @media only screen and (max-width: 767px) {
.responsive #header_meta .sub_menu>ul {
    float: left !important;
    margin: 0 !important;
}

avia_wpml_language_switch {
padding-top: 0px !important;
}

#top ul.avia_wpml_language_switch li {
margin-bottom:6px !important;
}
}

    Best regards,
    Rikard

    August 10, 2015 at 9:02 am #485097
    Erwin

    Hi Rikard,

    Thanks for your answer. Indeed with a few tweaks it’s okay now.

    Thanks!

    Regards,

    Erwin

    August 10, 2015 at 2:19 pm #485314
    Andy

    Hi!

    glad Rikard could help you. Let us know in a new ticket if you have some more questions or issues related to the theme. We are happy to assist.

    Regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Making the secondary menu responsive’ is closed to new replies.