Return to previous page

Adjusting department menu dropdown items icons without layout falling apart

This topic has 4 replies, 3 voices, and was last updated 1 months ago ago by Tony Rodriguez

Hangato

Participant

October 23, 2025 at 11:07

Greetings,
I’m trying to modify size of images displayed next to dropdown menu items, however when I try to use CSS to do that as said in https://www.8theme.com/topic/how-to-change-department-menu-icon-sizes/ text gets pushed to the right with huge gap inbetween, no matter what percentage I type in CSS. How can I change that?

Please, contact administrator
for this information.

#457783 Copied

3 Answers
Luca Rossi

Support staff

October 23, 2025 at 20:47
Hi @Hangato,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

.etheme-elementor-nav-menu-item-icon { flex-basis: 40px; } .etheme-elementor-nav-menu-item-icon img { max-width: 100% !important; }

Kind regards,
The 8Theme Team
#457845 Copied
Hangato

Participant

November 5, 2025 at 15:33

Thanks for the support! My topic “Adjusting department menu dropdown items icons without layout falling apart” has been successfully resolved.

#458850 Copied

Tony Rodriguez

Support staff

November 5, 2025 at 15:33

Dear Hangato,

It’s great having you in the WordPress & WooCommerce community!

Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

💬 Leave Feedback →
(takes less than a minute)

Together, we grow stronger with every release.

Topic closed.
The 8Theme Team

#458851 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Adjusting department menu dropdown items icons without layout falling apart’' has been successfully resolved, and the topic is now closed for further responses

Adjusting department menu dropdown items icons without layout falling apart

Explore our best WordPress WooCommerce Themes collection