How to change font size of drop-down menu text

Hi, I input my own font as my body/menu text and I’m unsure how to change the size of the text that comes up as options when you click the “shop” button dropdown menu.

I would also like to add a block of color behind those options so that they’re more visible/readable. Hope that makes sense.

I’m using the Colorblock theme, and my website is here. Thanks!

Hello @hushbug ,

Glad to support you today.

According to my understanding, you want to change the font size of the submenu and make the background color behind it like this:

If I am correct, please follow my step below to make it:

  1. Go to Edit code on Online Store:

  1. Add my code above the tag on file Theme.liquid:

Eg: https://paste.pics/KCRG3

*Note: you can change the number 25 and color #f9e9c5 to another number and color you want.

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

Hello @hushbug :waving_hand:

Inside Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom

.mega-menu__list .mega-menu__link {
    font-size: 25px !important;
    color: #fff;
}

The result

Hope that helps!