I need to make submenu more wider. I want names of menu items will be in one line instead of two. I made this hack with CSS:
.sf-menu >li ul {
width: 30em;
}
.sf-menu li li:hover ul, .sf-menu li .sfHover ul, .sf-menu li li li:hover ul, .sf-menu li li .sfHover ul {
left: 30em;
}
But it works only when menu slides on right side.
When menus slides left we have "overflow bug".
What CSS I need to add. Or maybe it could be different way to make it wider and working properly.
Hello
I need to make submenu more wider. I want names of menu items will be in one line instead of two. I made this hack with CSS:
But it works only when menu slides on right side.
When menus slides left we have "overflow bug".
What CSS I need to add. Or maybe it could be different way to make it wider and working properly.
Thank you.
Hi There,
Please send your website url.
Thanks.
Now site is on local developer machine.
What to doin this case?
Hi There,
It would be more convenient for us to provide css for your website specifically tailor made for your layout.
Thanks.
We need to wait for prod deployment then and I'll provide link.
Don't close please this topic and I'll update in 5-7 days.
Thanks!
Hi There,
This ticket will remain open.
Thanks.
Hello Andrew,
I relocate my site from localhost - artmedia.dn.ua
Please let me know below solution is still valid for my case?
Do I need to put your CSS to General Settings -> CSS/Script Related -> Custom CSS Code ?
Thanks.
Hi There,
All the sub menus are sliding right, I am not able to see any sliding left so that we can provide a possible css.
Thanks.
Yes, you are right. Now it is ok.
We can close this ticket.
Thanks a lot, Andrew.