I would like to show standard menu submenu in horizontal intead of vertical. Is there an option for that? I guess I can do it also with css, I have tried it but I can't. Could you help me with it?
Well this would be Custom CSS, please read the article how to use Custom CSS, after it past the code below what i prefer is that you should do this change for large screens only not for tablet and smaller so i will do it only for 1024 and large screens.
Thanks for the code. It does work well when de cursor pass on it, but when it goes out, it shows again in vertical. I have uploaded a video where you can see what it happens: https://youtu.be/8RnK6Y228d8
I don't know where the problem is to solve it. Can you help me again?
P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab.
A huge thank you from Laborator in advance and have a great day!
Hi,
I would like to show standard menu submenu in horizontal intead of vertical. Is there an option for that? I guess I can do it also with css, I have tried it but I can't. Could you help me with it?
Thanks in advanced.
Mire
Hi Mireia
Well this would be Custom CSS, please read the article how to use Custom CSS, after it past the code below what i prefer is that you should do this change for large screens only not for tablet and smaller so i will do it only for 1024 and large screens.
@media screen and (min-width: 1023px) { .main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul { opacity: 1; display: flex; visibility: visible; } .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li{ display: block; float: left; margin-top: 0px; margin-left: 10px; } }Thank you.
Hi Eroll,
Thanks for the code. It does work well when de cursor pass on it, but when it goes out, it shows again in vertical. I have uploaded a video where you can see what it happens: https://youtu.be/8RnK6Y228d8
I don't know where the problem is to solve it. Can you help me again?
Best
Hi Mariea
I found the bug, please updated the code. Just dropped inside media css query. min-width 1023.
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul{ display:flex; } .main-header.menu-type-standard-menu .standard-menu-container ul.menu li:hover>ul { opacity: 1!important; display: flex!important; visibility: visible!important; } .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>ul li{ display: inline-flex!important; float: left!important; margin-top: 0px!important; margin-left: 10px!important; }thank you.
Hi Eroll,
I changed the code, but it continues getting vertical when the cursor rolles out. Just check it here http://www.rehogar.net.mialias.net/web
Best,
Mireia
Hi Mireia
I checked your site and a class below wasn't added on the site:
(view large version)
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu > ul ul, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu ul{ display: flex; }Thank you.
Hi Eroll, now it works perfect!
Thanks a lot!
Mireia
Hi Mireia,
Glad to hear that.
P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab. A huge thank you from Laborator in advance and have a great day!
Will set this ticket as solved from here.
Thank you.