We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Adjusting font and size in menu drop down

Solved

Adjusting font and size in menu drop down

byneilvernon
Tourist
27 0 3

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:

 

Screen Shot 2023-11-26 at 4.31.44 pm.png

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

Any form of help is greatly appreciated!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

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>

Screenshot_9.jpg

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
7764 2082 2568

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
Tourist
27 0 3

Thankyou!

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

This is an accepted solution.

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>

Screenshot_9.jpg

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- 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.
- Enjoy 1 month of Shopify for $1. Sign up now.

byneilvernon
Tourist
27 0 3

Thankyou Dan!