Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #563480

    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.

    #563618

    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.
    #563689

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

    #564316

    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

    #564460

    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.

    #565186

    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

    #567339

    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.

    #567641

    Hi,

    Ok, please try the following CSS then:

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

    Thanks,
    Rikard

    #567805

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

    #567842

    Hey!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    #569770

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

    #569803

    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

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