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

[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:

Code Select Expand

section#categorymenu > nav.subnav > ul.categorymenu > li:last-child > a + div.subcategories {
  left:-200px;
}

[Basara]

Thank you, OneMore

[Stelladario12]

nice

[owbellowing]

Grateful for your help, OneMore

[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!

[bullfinchepolitician]

It sounds quite confusing to a newbie like me.

[Niennow Amanda]

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!