AbanteCart Community

Shopping Cart Operations => Tips and Tricks => Topic started by: OneMore on January 03, 2024, 08:14:19 AM

Title: Solution - How to avoid last tile from category menu going beyond page width.
Post by: OneMore on January 03, 2024, 08:14:19 AM

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]

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

Title: Re: Solution - How to avoid last tile from category menu going beyond page width.
Post by: Basara on January 04, 2024, 02:20:45 AM

Thank you, OneMore

Title: Re: Solution - How to avoid last tile from category menu going beyond page width.
Post by: Freddieblakes on April 19, 2025, 02:09:58 AM

Thanks for sharing! That's a very useful tip for menus with a lot of categories. It's problematic when the last dropdown moves off-screen, so moving its position back to the left side is a great fix. Good usability hack — thanks!

Title: Re: Solution - How to avoid last tile from category menu going beyond page width.
Post by: Stelladario12 on June 06, 2025, 06:11:39 AM

nice