Mega menu padding categories direction and cache

This topic has 2 replies, 2 voices, and was last updated 3 days, 10 hours ago ago by Jack Richardson

  • Avatar: Dominic Legare
    Dominic Legare
    Participant
    January 23, 2026 at 19:38

    Hello,
    In the store what is the main difference witth the css and advanced css?
    in mega menu it seems to have padding per default around fro static block there is a way to change it in a different way than css code? Can we add color?
    Where can we change the it
    this css works for me
    .etheme-elementor-nav-menu .nav-sublist-dropdown {
    background-color: #ff0000;
    padding: 0px 0px;
    border: 0px;
    }
    For person who need this a change the categories list horizontal to vertical with css, iw vwould be nice to add this features to the theme. Categories list with no image, vertical or horizontal mode.

    /* 1. Change the behavior of the main container */
    .elementor-widget-etheme_categories_lists .categories-grid {
    display: block !important; /* Disables the current flexbox */
    column-count: 4; /* Forces 4 vertical columns */
    column-gap: 30px; /* Space between the columns */
    }

    /* 2. Ensure that elements are not split/cut between two columns */
    .elementor-widget-etheme_categories_lists .category-list-item-wrapper {
    display: inline-block; /* Necessary for the columns to work properly */
    width: 100%; /* Takes up the full width of the column */
    break-inside: avoid; /* Prevents an item from being split in two */
    page-break-inside: avoid; /* Additional fallback support for older browsers */
    margin-bottom: 10px; /* Small space under each item */
    float: none; /* Failsafe in case there are floats applied */
    }

    /* 3. (Optional) Adjustment for Mobile and Tablet */
    @media (max-width: 1024px) {
    .elementor-widget-etheme_categories_lists .categories-grid {
    column-count: 2; /* Switches to 2 columns on tablet */
    }
    }

    @media (max-width: 767px) {
    .elementor-widget-etheme_categories_lists .categories-grid {
    column-count: 1; /* Switches to 1 column on mobile */
    }
    }

    By the way the theme seems to have a very agressive cache is it possible, we don’t have any cache plugins installed on the site right now and a lot of stuff need lots of time to change, and something long to see also on incognito, can me make it it more sensible on chnages?

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 24, 2026 at 11:01

    Hello @Dominic Legare,

    The Theme Custom CSS settings in our theme provides several dedicated sections for adding CSS that targets specific responsive devices, such as Global CSS, 992px+, less than 480px, and others. We recommend reviewing these sections to better understand how they work.

    The Additional CSS section is a built-in WordPress feature that offers a single global area for adding custom CSS. If you need to apply styles specifically for devices with a width of 992px or more, you will need to manually include the appropriate media query wrapper for your styles. You can find more information here: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Media_queries/Using#targeting_media_features.

    You can use any of those areas based on your needs in customizations.

    Please note that our theme does not include built-in caching for styles. However, you may enable the “Remove query strings from static resources” option under Theme Options -> Speed Optimization to improve performance.

    If you have any suggestions or feature requests to enhance our theme, please submit them on our taskboard at https://www.8theme.com/roadmap/. We review requests based on customer votes and popularity.

    Best regards,
    Jack Richardson
    The 8Theme Team

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

You must be logged in to reply to this topic.Log in/Sign up

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