Changing the padding for text in the mega menu

[Moeezahmad9]

I wanted to change the padding (Spacing between the letters) and font size in my mega menu. Let me know if it possible.

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Moeezahmad9]

https://noorboutique.org/

[Moeezahmad9]

I just corrected the first 3 texts of the mega menu (Product 01-03, Product 04-06, and Product 07-08). We just require the solution for 2 promotional banners

[CommerceChamp]

@Moeezahmad9 To remove the space between the letters and change the font size, try to add below code in the theme file. Follow below to do that,

1. From admin panel, navigate to the “Online Store” → “Themes”.

2. Click the action button from the current applied theme and select “Edit code”.

3. Find “base.css” file and paste below code at the bottom of the file.

.header__inline-menu .mega-menu__promo-heading .label {
    letter-spacing: 0.1rem;
    font-size: 12px;
}
.header__inline-menu .mega-menu__promo-subheading {
    letter-spacing: 0.1rem;
    font-size: 15px;
}

Now, it will be look like below screenshot. You can update the font size as per your requirement.

Please reach out to me for any other helps needed.

---

If you are pleased with my solution, kindly show your appreciation by liking it and designating it as the accepted solution . Your endorsement fuels my dedication to excellence .

[Anshul_arora]

Hello @Moeezahmad9 ,

I understand you are looking to adjust the spacing between the letters and change the font-size in the mega menu.

Please add the below-mentioned code at the bottom of the theme.liquid file before tag and save.

[Please feel free to change font-size px as per your requirements.]

Output -:

I hope the code helps you.

Please share if you need any further assistance.

Thank you.

[Moeezahmad9]

Thanks, man.