Solution - How to avoid last tile from category menu going beyond page width.

Started by OneMore, January 03, 2024, 08:14:19 AM

Previous topic - Next topic

OneMore

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;
}




Roslynnleys

It really helps when there are too many categories in the main menu.

alcor zhang

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!

irtsurpris

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!


Forum Rules Code of conduct
AbanteCart.com 2010 -