Top level megamenu font size

Store Design
,
1

I would like to increase the font size of my top level mega menu

I am using Impulse theme and have tried different code but nothing works

thanks

https://the-body-shop-nigeria.myshopify.com/

sawnao

TBS2023_0-1734355254633.png
TBS2023_0-1734355254633.png995×399 23.7 KB

2

Hello @TBS2023 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.site-nav__dropdown.megamenu.text-left .page-width .h5 a {
    font-size: 16px !important;
}

Result:

websensepro_0-1734355985988.png
websensepro_0-1734355985988.png1338×477 31.7 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

3

Hello TBS2023,

Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and add this CSS code:

.megamenu .h5 a {
    font-size: 18px !important;
}

Adjust the number (18) to fit your need.

Best regards.

4

Hello @TBS2023 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.css file and paste the following code at the bottom:

.site-nav__dropdown-link.site-nav__dropdown-link--top-level {
    font-size: 18px !important;
}

Regards
Guleria

1 Like