Navbar Colour Change

nitesh · #1 11-30-2015, 08:42 AM

Hi,

I just need help on 1 small colour change.

The background & border colour of the NavBar to #CE0E0F.

Where exactly the change needs to be made?

Thanks in advance.

razortw · #2 12-01-2015, 10:50 AM

Hello.
You can do this via 'Custom CSS' in your admin interface.
Just add your CSS rules to the text are and hit 'Save'.

nitesh · #3 12-03-2015, 11:21 AM

Thanks. I managed to get the change done.

Btw, could you please help me with the code to get the mobile navbar colour also changed.

Didnt have the mobile header code on the custom css (default)

razortw · #4 12-07-2015, 07:32 AM

Quote:

Originally Posted by nitesh

Thanks. I managed to get the change done.

Btw, could you please help me with the code to get the mobile navbar colour also changed.

Didnt have the mobile header code on the custom css (default)

Hi. Could you please provide a screenshot of what you would like have changed.

nitesh · #5 12-07-2015, 07:50 AM

When u open an x-cart based website (default) on mobile, the navbar is light blue coloured (attached). How can i change the colour to something else. Request the exact code that needs to be added to custom css.

razortw · #6 12-08-2015, 04:31 AM

Quote:

Originally Posted by nitesh

When u open an x-cart based website (default) on mobile, the navbar is light blue coloured (attached). How can i change the colour to something else. Request the exact code that needs to be added to custom css.

Hi.
Here's what you need to insert to 'Custom CSS'

Code:

.mobile_header ul.nav-pills {
background-color: #eee;
}

nitesh · #7 12-27-2015, 06:47 AM

Thanks for the help razortw !

Doherty · #8 05-25-2016, 04:54 AM

Quote:

Originally Posted by razortw

Hi.
Here's what you need to insert to 'Custom CSS'

Code:

.mobile_header ul.nav-pills {
background-color: #eee;
}

How do you then change the colour for the flyout menu? this remains the default Yellow

razortw · #9 05-26-2016, 02:45 PM

Quote:

Originally Posted by Doherty

How do you then change the colour for the flyout menu? this remains the default Yellow

Could you please provide a screenshot of the issue?
I am not quite sure what you mean, sorry.

Doherty · #10 05-27-2016, 12:32 AM

http://postimg.org/image/xi8l2qn23/

'defult' (spelt wrong) is referring to the fact the menu colour has not changed.

'your code' is the code used above to change the colour while in responsive, which worked great but as you can see it doesn't change the menu colour when you click the three lines/menu button.

Hope this helps,

Thanks