How to change font size of menu text

Shopify Discussion
1

I input my own custom font in base.css and I’m unsure how to edit the size of it in my menu. I’m using the Colorblock theme, and my website is here. Thanks!

2

Hello @hushbug

It’s GemPages support team and glad to support you today.

Please check out my suggestion below:

  1. Go to Online Store → Theme → Edit code → Layout

  2. Open file password.liquid then add this code to above the tag

https://prnt.sc/yt07cuAsQ-cV

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

Best regards,
GemPages Support Team

3

Hey this doesn’t seem to be working no matter what number I input for the font size. Is there something else I could try?

4

Hi @hushbug

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at top of the file → Save

li a[href=“/”], li a[href=“/pages/contact”], li a[href=“/blogs/news”], summary.header__menu-item.list-menu__item.link.focus-inset span {

font-size: 30px !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly