Customise the size and colour of the desktop mega menu header

This topic has 9 replies, 2 voices, and was last updated 1 year, 6 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.
    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

    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.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2022 at 12:15

    Ukraine, 176.98.91.219

    Regards

    Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 13:02

    Please check your access again.

    Thank you.

    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

    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.

    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

    Avatar: Ismael
    Ismael
    Participant
    September 26, 2022 at 13:59

    Great, thank you very much for all the help.

  • 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

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