Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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.
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.
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
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
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.
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.
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
Hi Stephen,
Thank you very much for the instruction! It perpectly worked! Have a wonderful day!
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025