Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 6, 2016 at 10:54 am #643388
    isveian

    Hi
    I have only one menu item in my main menu and i would like it to stay the same regardless of site width. In other words: I don´t want it to break to that toggle symbol on mobile.
    I´ve been searching all over this forum, but found no solutions that worked for my site.

    June 6, 2016 at 12:16 pm #643416
    begrafiks

    Hi @isveian;
    something as this code may help you :

    @media only screen and (max-width: 767px) {
/*HIDE MOBIL MENU*/
.container #advanced_menu_toggle, #advanced_menu_hide{display: none !important;}
/*SHOW ALLWAYS MAIN MENU*/
.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display: block !important;}
}
    June 6, 2016 at 12:46 pm #643428
    isveian

    It works, thanks! :)
    I just have to use some more css to make it look good, because when the site breaks to mobile view the position of the logo and menu item is a bit off from where I want it.

    June 6, 2016 at 12:51 pm #643433
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu {
    display: block;
    float: right;
    margin-top: -80px;
}}


    @begrafiks     thanks for your help :)

    Best regards,
    Yigit

    June 6, 2016 at 1:19 pm #643440
    isveian

    Perfect!
    Thanks both of you :)

    June 7, 2016 at 5:26 am #643781
    Rikard

    Hi,

    Glad we could help, please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

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