How can I adjust text size for a new homepage category on Cascade theme?

[CPHAGEN_Nordic]

my website is: https://cphagen.com/

I need to integrate another category on my homepage but the text/fonts are too big.
In smaller devices than my iMac 21.5’', the texts look not really proportioned.

I would love to slightly reduce the size of the fonts used on the homepage of my website but, mainly, in the drop-down menus (example, look at LIFESTYLE section in my homepage).

Can someone help me out?

Thanks everyone !

Good day

[GemPages]

Hello @CPHAGEN_Nordic

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

I would like to give you a solution to support you:

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

2. Open your theme.liquid theme file

3. Paste the below code before :

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[CPHAGEN_Nordic]

Hello @GemPages
That’s much better now but:

1. could we make it slightly smaller/different ONLY for mobile versions?

2. could we make the main menu (FURNITURE / LIGHTING / HOMEWARE / LIFESTYLE / etc etc) font, slightly smaller too?

Let me know!

Thank you very much!

[oscprofessional]

@CPHAGEN_Nordic
Hello,

@media only screen and (max-width: 767px) {
.mobile-nav__item {
	font-size: 1rem;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.min.scss.liquid

Like This

[CPHAGEN_Nordic]

Hi @oscprofessional
I ended up using 1.3 REM

Any idea how to make the main menu font slightly smaller?

Thanks!
Good day

[CPHAGEN_Nordic]

Anyone could tell me how could we make the main menu (FURNITURE / LIGHTING / HOMEWARE / LIFESTYLE / etc etc) font, slightly smaller too?

Thanks