Solved

[Symmetry Theme] Mega Menu Text Color Change

HF2
Visitor
3 0 1

 

Hi,

 

I'm currently using the Symmetry Theme and would like to create a special discount collection page under the mega menu in different color. All other page names will remain in Black as it is, but I want to assign a different color. (e.g #002B81).

 

Also, is there any way I can put a space in between two pages names under the Mega Menu?

 

Any ideas are greatly appreciated! Thank you.

Accepted Solution (1)

StephensWorld
Shopify Expert
1374 167 340

This is an accepted solution.

The Symmetry theme has the ability to highlight a specific link with a different colour, built into it. 

 

Go into the theme editor > click into the "header" settings > scroll down to the "navigation" settings > enter the name of link into the "featured link" field.

 

featured link symmetry.png

 

To edit the colour of the 'featured link' go into the theme editor > settings > colours > scroll down to the "main menu" colours and edit the "featured link" colour. 

 

colour settings.png

 

featured link colour.png

 

As far as adding spacing between two links in a dropdown/column goes -- the theme doesn't have any built in settings for this, so your only option would be to try using some CSS (either padding or margins, between the link classes). 

 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

View solution in original post

Replies 3 (3)

BSS-TechFusion
Shopify Expert
149 26 15

Hi @HF2 ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

StephensWorld
Shopify Expert
1374 167 340

This is an accepted solution.

The Symmetry theme has the ability to highlight a specific link with a different colour, built into it. 

 

Go into the theme editor > click into the "header" settings > scroll down to the "navigation" settings > enter the name of link into the "featured link" field.

 

featured link symmetry.png

 

To edit the colour of the 'featured link' go into the theme editor > settings > colours > scroll down to the "main menu" colours and edit the "featured link" colour. 

 

colour settings.png

 

featured link colour.png

 

As far as adding spacing between two links in a dropdown/column goes -- the theme doesn't have any built in settings for this, so your only option would be to try using some CSS (either padding or margins, between the link classes). 

 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

HF2
Visitor
3 0 1

Hi Stephen,

 

Thank you very much for the instruction! It perpectly worked! Have a wonderful day!