Return to previous page

Customise the size and colour of the desktop mega menu header

This topic has 9 replies, 2 voices, and was last updated 2 years, 9 months ago ago by Ismael

  • Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 09:13

    Hello,

    I have created a Mega menu, but the desktop version does not distinguish the headings of the different sections (attached image, headings surrounded by red).

    How can I customise these category headers on desktop? It works fine on mobile because it is a dropdown.

    PS. Image 2 is from your Demos, where the header of the mega menu is different from the rest of the sections, so it is well distinguishable.

    Thank you.

    Please, contact administrator
    for this information.
    #335041 Copied Theme version: 8.3.3 WooCommerce version: 6.8.2
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2022 at 10:20

    Hello @Ismael,

    Please provide URL of your site and temporary wp-admin access via the Private Content area, so we can take a closer look at your settings and guide you.

    Regards

    #335062 Copied
    Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 10:54

    Enter your IP and the country from which you are accessing the server in order to unblock it.

    Thanks!

    Please contact administrator
    for this information.
    #335074 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2022 at 12:15

    Ukraine, 176.98.91.219

    Regards

    #335079 Copied
    Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 13:02

    Please check your access again.

    Thank you.

    #335081 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2022 at 13:18

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Desktop:

    .et_b_header-menu .nav-sublist li a {
    color: #888 !important;
}

    Regards

    #335085 Copied
    Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 13:27

    Now it does change the layout of the category links.

    What is the class to increase the font size of the category header?

    Because the previous one changes the layout of the subcategories.

    Thank you.

    #335087 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2022 at 13:47

    Hello,

    This code https://prnt.sc/w2kAEc5t4c-J change only the color of these links – https://prnt.sc/1SA_sm7mL8qv
    For these https://prnt.sc/e6V2aKsC8u6M the next code can be used:

    .et_b_header-menu.et_element-top-level .item-design-mega-menu .nav-sublist-dropdown .item-level-1>a {
    font-size: 22px;
    color: red;
}

    Regards

    #335088 Copied
    Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 13:59

    Great, thank you very much for all the help.

    #335091 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘Customise the size and colour of the desktop mega menu header’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Organic milk farm – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme

See All Templates

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