[Symmetry Theme] Mega Menu Text Color Change

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 Partner
1400 174 388

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)

BSSCommerce-B2B
Shopify Partner
1972 564 568

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.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

StephensWorld
Shopify Partner
1400 174 388

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!