Sequence of image to text of menu items in mega menu

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

  • Avatar: kikjou
    Martin
    Participant
    May 17, 2026 at 09:14

    Hello,

    I use the simple mega menu (as set up in the wordpress menu options). When adding images/icons to menu items, those images appear after the item text, which gives a rather uneven appearance.

    Can the image go before the text?

    Have a look at https://www.pflanzkompass.at/, menu item SHOP, and see the example with the colors. I would need the to be before the text and thus in one line underneath each other.

    I need to stick to this simpler menu and cannot use elementor.

    Thank you
    Best regards
    Martin

    8 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    May 17, 2026 at 10:40

    Hi,

    Thank you for reaching out to us.

    Please edit this option – https://prnt.sc/bwvK8ZwD71Bs or provide us with temporary wp-admin and FTP access.

    Warm Regards,
    The 8Theme Team

    Avatar: kikjou
    Martin
    Participant
    May 17, 2026 at 17:58

    Hello,

    great, thank you, works.
    However, the icons are now double their size (by length of the sides). Should I replace them or is that a css issue?

    Best regards
    Martin

    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    May 18, 2026 at 03:06

    Hi,

    Please describe your request in more detail by providing a screenshot.

    Warm Regards,
    The 8Theme Team

    Avatar: kikjou
    Martin
    Participant
    May 18, 2026 at 06:39

    Hello,

    please see the screenshot.

    The images now appear double their size. I would like to know what setting is responsible for that.

    Thank you
    Martin

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 18, 2026 at 07:24

    Hello @Martin,

    Please, try to add next custom CSS (Theme Options -> Theme Custom CSS -> Global CSS):

    .et_b_header-menu .menu-item .nav-item-image {
        max-width: 20px;
    }

    Kind regards, Jack Richardson
    The 8theme’s team

    Avatar: kikjou
    Martin
    Participant
    May 20, 2026 at 10:38

    Thank you!
    Best regards
    Martin

    Avatar: kikjou
    Martin
    Participant
    May 20, 2026 at 10:38

    Thanks for the support! My topic “Sequence of image to text of menu items in mega menu” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 20, 2026 at 10:38

    Dear Martin,

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

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

    Together, we grow stronger with every release.

    Topic closed.
    The 8Theme Team

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Sequence of image to text of menu items in mega menu’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.