Adjusting font and size in menu drop down

byneilvernon · ‎11-26-2023

Hi all,

I am having difficulty changing the font and size of the text in my mega menu drop down. I would like to change the text under each heading - not the headings (e.g. Shop By/Clothing/Collections) itself. This is an image of what it currently looks like:

Site theme is Pipeline and my url is: https://768950-4.myshopify.com/

Any form of help is greatly appreciated!

Dan-From-Ryviu · ‎11-26-2023

Hi @byneilvernon

You can do that by going to you Online store > Themes > Edit code > open theme.liquid file, add code below after <head> tag

<style>
.header__dropdown .navlink .navtext { font-size: 16px; }
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Moeed · ‎11-26-2023

Hey @byneilvernon

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.dropdown__family--grandchild .navlink--grandchild .navtext {
    font-size: 14px !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

byneilvernon · ‎11-26-2023

Thankyou!

Dan-From-Ryviu · ‎11-26-2023

Hi @byneilvernon

You can do that by going to you Online store > Themes > Edit code > open theme.liquid file, add code below after <head> tag

<style>
.header__dropdown .navlink .navtext { font-size: 16px; }
</style>

- Helpful? Like & Accept solution! - Support me: Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

byneilvernon · ‎11-26-2023

Thankyou Dan!

Adjusting font and size in menu drop down

Adjusting font and size in menu drop down

- Need a Shopify Specialist? Chat on WhatsApp ✅- Get a quick Shopify quote – Click here!- Custom Design | Advanced Coding | Store Modifications

Community Blog Articles

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications