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, 1 months ago ago by 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

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

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

Rose Tyler

Support staff

September 26, 2022 at 12:15

Ukraine, 176.98.91.219

Regards

#335079 Copied

Ismael

Participant

September 26, 2022 at 13:02

Please check your access again.

Thank you.

#335081 Copied
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
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
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
Ismael

Participant

September 26, 2022 at 13:59

Great, thank you very much for all the help.

#335091 Copied
Tagged: color, customise, desktop mega menu, header, size, woocommerce, wordpress
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

Customise the size and colour of the desktop mega menu header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection