Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 11, 2016 at 8:46 pm #563480
    gofthet

    I’m trying to put the mobile menu in horizontal but I think that I have left something somewhere.
    This is what I want to achieve when the menu is unfolded.

    Is it possible or there is no way to do it?

    Thank you in advance.

    January 12, 2016 at 2:41 am #563618
    Elliott

    Hey gofthet!

    When I view your link there are only two menu items so I’m not really sure I understand what your trying to do.

    Can you highlight in your screenshot your intentions?

    Best regards,
    Elliott

    • This reply was modified 8 years, 10 months ago by Elliott.
    January 12, 2016 at 5:57 am #563689
    gofthet

    Hello Elliot
    My intention is to put all the menu links in horizontal and reduce the height of the menu when is unfolded.

    January 13, 2016 at 4:27 am #564316
    Elliott

    Hi!

    Ok I see more menu links now but they are still laid out in the same way as in your screenshot. I guess your just trying to add some extra space between the items?

    You can use this CSS for that.

    nav.main_menu .menu > li {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

    Best regards,
    Elliott

    January 13, 2016 at 9:58 am #564460
    gofthet

    Oh, I know where’s the problem. You must work with a higher resolution so what you are seeing is the desktop version. I want to use the mobile menu even in desktop.
    In lower resolutions the menu is showing like this:

    What I want is when you push the hamburguer button unfold like it does but reduce the menu height and the menu li displayed in horizontal, only for desktop. For mobile it would be the same as usual.
    Sorry for the misunderstanding and thank you very much for all.

    January 14, 2016 at 3:57 am #565186
    Rikard

    Hi,

    Please try the following in Quick CSS to see if you have any luck with it:

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

    Regards,
    Rikard

    January 18, 2016 at 7:54 pm #567339
    gofthet

    Sorry Rikard,
    What you saw was a dummy menu that I had installed for a friend to help me, just to show how finally I want it to work. Now I have deactived it so you can see the original enfold menu.
    What I am trying to do is to show the enfold mobile menu in horizontal instead of its natural vertical way.
    Thank you very much.

    January 19, 2016 at 6:58 am #567641
    Rikard

    Hi,

    Ok, please try the following CSS then:

    #mobile-advanced li {
    display: inline-block !important;
}

    Thanks,
    Rikard

    January 19, 2016 at 1:11 pm #567805
    gofthet

    Yes it works!! thank you!!, but what about the other question, is it possible to reduce the height of the menu also?

    January 19, 2016 at 3:08 pm #567842
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    ul#mobile-advanced {
    min-height: 150px!important;
    top: -27%!important;
}

    Cheers!
    Yigit

    January 22, 2016 at 6:16 am #569770
    gofthet

    Yigit!!! Thanks it worked perfectly!!!
    Really grafetul for your work guys.
    Regards,
    G.

    January 22, 2016 at 8:29 am #569803
    Basilis

    Hi!

    We are glad you got that short out!
    Btw, If you have a moment, I would very much appreciate if you could quickly rate the Enfold to themeforest, which wiII heIp us keep the deveIopment up!

    Please do not hesitate to contact us, if you do need anything else.

    Regards,
    Basilis

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘menu mobile horizontal’ is closed to new replies.