-
AuthorPosts
-
January 11, 2016 at 8:46 pm #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.
January 12, 2016 at 2:41 am #563618Hey 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 #563689Hello 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 #564316Hi!
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,
ElliottJanuary 13, 2016 at 9:58 am #564460Oh, 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 #565186Hi,
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,
RikardJanuary 18, 2016 at 7:54 pm #567339Sorry 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 #567641Hi,
Ok, please try the following CSS then:
#mobile-advanced li { display: inline-block !important; }
Thanks,
RikardJanuary 19, 2016 at 1:11 pm #567805Yes 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 #567842Hey!
Please add following code to Quick CSS as well
ul#mobile-advanced { min-height: 150px!important; top: -27%!important; }
Cheers!
YigitJanuary 22, 2016 at 6:16 am #569770Yigit!!! Thanks it worked perfectly!!!
Really grafetul for your work guys.
Regards,
G.January 22, 2016 at 8:29 am #569803Hi!
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 -
AuthorPosts
- The topic ‘menu mobile horizontal’ is closed to new replies.