How can I reduce the sub-menu font size on Dawn 8.0?

Store Design
1

Night_Raider_0-1677665507133.png
Night_Raider_0-1677665507133.png1805Ɨ487 426 KB

Hi everyone, I want to make the sub-menu font size smaller. How can I do that on a Dawn 8.0?

Many Thanks

2

@Night_Raider send preview link

3

hi,

https://nightraider.co.nz/

or

https://night-raider-nz.myshopify.com/admin/themes/144669049123/editor?previewPath=%2Fcollections%2Fnight-vision-goggles

4

Hi @Night_Raider ,

This is Richard from PageFly - Landing page builder, Iā€™d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
    .header__submenu .header__menu-item {
        font-size: 12px;
    }
}

NOTE: You can change 12px to fit your website

I hope it would help you
Best regards,

Richard | PageFly

5

Hi Richard,

I could not find theme.scss in 8.0 version

6

Hi @Night_Raider ,

Sorry about that. You can paste that code in the file base.css

I hope it would help you
Best regards,

Richard | PageFly

7

Hallo @Night_Raider

You can add code by following these steps to change

  1. Go to Online Store ā†’ Theme ā†’ Edit code > assets > base.css

paste below code at bottom(base.css)

**@media screen and (min-width: 990px) {**
**.header__submenu .header__menu-item {**
**font-size: 12px;**
**}**
**}**

If you require any further information, feel free to contact me.

Best regards,

8

Hi,

I have posted below Bass.css but it still not working. At below, please see the photo

Night_Raider_0-1677758717490.png
Night_Raider_0-1677758717490.png1864Ɨ909 72.5 KB

9

Hi @Night_Raider ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

10

Hi,

www.nightraider.co.nz

passport is NZNR or NRNZ

11

Hi @Night_Raider ,

You can try below code in base.css file:

@media screen and (min-width: 990px) {
    .header__submenu .header__menu-item.header__menu-item {
        font-size: 16px !important;
    }
}

PageFlyRichard_0-1678090005183.png
PageFlyRichard_0-1678090005183.png1379Ɨ476 318 KB

NOTE: You can change 16px to fit your website

I hope it would help you
Best regards,

Richard | PageFly

1 Like
12

worked perfectly now, Thank you!