Shopify Navigation Menu Easy Text Color & Size Change
Watch this quick guide to customizing your navigation menu using the Dawn Shopify theme, but you can use this on any of the free Shopify themes. We'll cover methods for themes with and without the Color Scheme option. If your theme has Color Schemes, you can use that! Otherwise, we'll show you how to use the Theme Customizer with simple CSS to change the color and text size of your navigation menu. Let’s make your shop uniquely yours.
NOTE: If you have the updated Color Scheme then you change the color using the color scheme, and then follow along this tutorial to change the font size!
Code: change the color and font-size to match your brand.
Change nav text size and color:
.header__menu-item,
.menu-drawer__menu-item {
font-size: 18px;
text-transform: uppercase;
color: green;
}
change color to everything in the header:
.header-wrapper * {
color: red;
}
⌚️ Timestamps:
00:00 How to change the color and size of the header navigation
03:16 Bonus: How to change the color of the header icons
More tutorials you may want to watch:
📺Change Your Header Menu Font Case in Shopify • How to Change Your Header Menu Font Case i...
📺Remove Border | Reduce Margin From the Footer • Remove Border | Reduce Margin From the Footer
📺Different Image for Desktop and Mobile • Hide Sections in Desktop and Mobile
📑 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 a coffee! https://www.buymeacoffee.com/bl.creative 📺 I watch way to much Netflix ✈️ I love to travel.
👉🏽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...
👉🏽 TOOLS & SYSTEMS I LOVE
Several clients have requested that I posted my affiliate links so that they can register through them as a thank-you for my free tutorial content here on YouTube. Thank you so much for your support! If you would like to use my affiliate links, I would greatly appreciate 🙏🏾
My social media management system https://my.mtr.cool/QQKZQD
Protect your business https://bit.ly/BLC-Policies
Custom Shopify sections https://bit.ly/BLC-Sections
Product mockups https://bit.ly/BLC-Mockups
My favorite 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!
#shopifydesign #shopifyforbeginners #shopifycustomization