Re: How to change the mega menu heading bold?

Solved

How to change the mega menu heading bold?

lesriches
Excursionist
29 0 10

Hi,

I tried to change the mega menu heading bold and align it to middle. Could anyone please help me with this?

Theme: Warehouse

 
 
 

WhatsApp Image 2024-08-06 at 11.43.07.jpeg

 

Thanks,
Lesriches

 

Accepted Solutions (2)

Rahul_dhiman
Shopify Partner
480 98 100

This is an accepted solution.

Hello @lesriches 
Go to online store ----> themes -----> actions -----> edit code----->theme.css
and add this code at the end of the file.

@media screen and (min-width: 1000px) {
.nav-bar {
left: 100px;
font-weight: 700;
}
}

result
18.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @lesriches 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
.list--unstyled{
display: flex;
justify-content: center;
align-items: center;
}
.nav-bar__link{
font-weight: 900;
}
}
</style>

niraj_patel_0-1722941975583.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 5 (5)

Rahul_dhiman
Shopify Partner
480 98 100

This is an accepted solution.

Hello @lesriches 
Go to online store ----> themes -----> actions -----> edit code----->theme.css
and add this code at the end of the file.

@media screen and (min-width: 1000px) {
.nav-bar {
left: 100px;
font-weight: 700;
}
}

result
18.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @lesriches 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
.list--unstyled{
display: flex;
justify-content: center;
align-items: center;
}
.nav-bar__link{
font-weight: 900;
}
}
</style>

niraj_patel_0-1722941975583.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
lesriches
Excursionist
29 0 10

Thanks for helping us. @niraj_patel @Rahul_dhiman 

lesriches
Excursionist
29 0 10

Hi @niraj_patel 

When I implemented your code, it initially worked as intended. However, I later noticed that the design of the footer had changed. Could you please help me with this?

 

WhatsApp Image 2024-08-07 at 10.04.04.jpeg

 

Thanks,

Lesriches

niraj_patel
Shopify Partner
2378 514 511

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com