Need to Know how to change the colour of Nav bar

Solved
Highlighted
New Member
5 0 0

As our brand colour is purple I want to change the Navar of our website. I'm not able to change, Pleaes help

0 Likes
Highlighted

Hello Dakshaartistry,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0
https://restolex-online.myshopify.com/

I want to change the color of navbar to logo background colour and fonts
into white
0 Likes
Highlighted

Hello Dakshaartistry,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

nav#AccessibleNav {
    background-color: #6c488f;
}
.site-nav__label {
    color: white;
}
.site-nav__link .icon-chevron-down {
    color: white;
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0
[image: Screenshot 2020-08-20 at 4.43.09 PM.png]

Hi I want the band color end to end not as a patch,
thankyou in advance

0 Likes
Highlighted

Hello Dakshaartistry,
Replace above code with

.grid.grid--no-gutters.grid--table.site-header__mobile-nav {
    background-color: #6c488f;
}
.site-header.border-bottom.logo--left {
    background-color: #6c488f;
}
.site-nav__label {
    color: white;
}
.site-nav__link .icon-chevron-down {
    color: white;
}
.icon.icon-search {
    color: white;
}
.site-header__icon.site-header__cart {
    color: white;
}
.icon.icon-hamburger {
    color: white;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0
Hi Team,

Now after pasting the above code dropdown content have turned to
white.Please help me with this
[image: Screenshot 2020-08-21 at 12.24.29 PM.png]
0 Likes
Highlighted

This is an accepted solution.

Hello Dakshaartistry,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.site-nav__dropdown .site-nav__label{
		color:#606060;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0
Hi Team,

After all corrections, We changed the domain from
https://restolex-online.myshopify.com/ to www.restolex.com, From morning
we were able to see the new one. But suddenly after 8.30 old version is
opening in the same.

Kindly help to resolve this issue
0 Likes