Change the Text Color of a Specific Menu Item | Shopify
Change the color of 1 menu item on mobile and desktop. In this step-by-step tutorial, we'll guide you through the process of changing the color of 1 menu item in the header and footer in your Shopify store. Enhance your user experience, or bring attention to a key aspect of your shop.
In this video, you will learn how to change the text color of a specific menu item:
00:00 Set-up
03:00 Main menu item on desktop
05:55 Drop-drown menu item
07:10 Main menu item on mobile
08:25 Footer menu item
By the end of this tutorial, you will be equipped with the knowledge to personalize your Shopify menu, making it visually appealing and aligned with your brand’s goal.
Below is the code we used. Replace MENUNAME with your menu name. IMPORTANT use “-” in place of spaces if the menu name has more than 1 word.
/desktop main menu item/
#HeaderMenu-MENUNAME {
color: red !Important;
}
/mobile main menu item/
#HeaderDrawer-MENUNAME {
color: red !Important;
}
Tutorials to watch next:
👉🏽 How to change your header menu font case • How to Change Your Header Menu Font Case i...
👉🏽 Custom cursor • How to Add a Custom Cursor to Shopify (2 E...
👉🏽 Shopify Navigation Menu Easy Text Color & Size Change • Shopify Navigation Menu Easy Text Color & ...
📑 Get access to my Shopify Pre-Launch Checklist list at https://betsylugo.com/shopify-checklist/
🔔 Thanks for watching and be sure to subscribe for more awesomeness!
⚞⚞⚞⚞⚞☕️ ABOUT ☕️⚟⚟⚟⚟⚟
Learn how to design & customize your Shopify website. Subscribe to be notified when a new video is released. I pledge to keep the tutorials simple, short, and helpful!
I’m a self-taught web designer, super-nerd, and a Shopify partner. Owner of Betsy Lugo Creative ☕ I drink an insane amounts of coffee, so if you want to say thanks for a helpful video, buy me a coffee! https://www.buymeacoffee.com/bl.creative .
👉🏽LET'S CONNECT
Say hi on Insta / betsy_oficial
Follow me on Pinterest / bl_creative
Work with me https://www.betsylugo.com
Join Commerce Connection - A monthly newsletter sharing Shopify news and updates, ecommerce trends, freebies and more! https://betsylugo.com/monthly-newslet...
👉🏽 My YouTube Gear
Mic Stand https://amzn.to/45jY8IO
Rode Posmic https://amzn.to/4cdMVf1
Rode Lavalier Mic https://amzn.to/45pvJkG
Camera Desk Mount https://amzn.to/3Rp6ER7
Camera Lens Filter https://amzn.to/4aHQwkk
Elgato Green Screen https://amzn.to/4aYjE6T
LCD Light Panel https://amzn.to/3Lj1jHk
👉🏽 TOOLS & SYSTEMS I LOVE
Protect your business https://bit.ly/BLC-Policies
Custom Shopify sections https://bit.ly/BLC-Sections
My preferred themes https://bit.ly/BLC-Themes
Want more? Check out my resources page https://betsylugo.com/resources/
The term "Shopify" is a trademark of Shopify Inc. and the term "Canva" is a trademark of Canva Inc. This video was not approved or endorsed by them. I just really love their platforms ♥
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
#ShopifyTutorial #ChangeMenuColor #ShopifyCustomization