For those having many categories in the main menu, with — on computers — the last drop down tile beeing displayed beyond the page width, here is how you can bring it back to the left.
In "storefront/view/default/stylesheet/style.css", add:
section#categorymenu > nav.subnav > ul.categorymenu > li:last-child > a + div.subcategories {
left:-200px;
}
Thank you, OneMore
nice
Grateful for your help, OneMore
It really helps when there are too many categories in the main menu.
Thanks for sharing this helpful tip on fixing the category menu issue. I've had similar problems with page width, so your solution is really useful. Great to see the community sharing experiences!
I've been struggling with that overflow issue for ages — the last dropdown always went off-screen on larger menus. Your CSS tweak fixed it perfectly. Simple and clean solution!
It sounds quite confusing to a newbie like me. :-\
Hey everyone, struggling with dropdown menus overflowing on desktop? I had the same issue! If your last category dropdown is going off-screen, this CSS fix might help. It's like fine-tuning Ragdoll Archers, just a small adjustment for a big impact. Add this to your style.css:
section#categorymenu > nav.subnav > ul.categorymenu > li:last-child > a + div.subcategories { left:-200px; }
Hopefully, this helps keep your menu tidy!