How to Change main menu color?

Tags: css,styling

Problem :

i have a issue with menu that i cant change text color in mini fixed meni in this site

I tryed to add this CSS to custom CSS:

.classic-menu .menu-item a {
  color: #000;

but when set color to #000 then color in main menu is turn black. So i want color in main menu to be white in black background, and in mini fixed menu when scroll down, to be white background with black font color. How to do this?


Solution :

Do this in your CSS:

.classic-menu .menu-item a {
  color: #fff;

.mini .menu-item a {
    color: #000;

.classic-menu is basically the regular state of your menu (when the background is black)

.mini-active is basically when the mini menu is activated, this way you'll get black for the mini menu and white for the regular one.

Hope that helps!

    CSS Howto..

    How browser auto resize website to mobile browse?

    how can i center the footer text in the bottom of the page regardless of screen size

    HTML/CSS: How to get some text to align on right and other text on left on same line of table cell

    Sidebar, Navigation and Content how to do it?

    How to get Sub Menu to right align using CSS

    how to use css to display multiple posts in inline-block like google+

    How to use pure css selector to select hidden element

    How to pull css attributes from

    how to properly resize navbar fixed in bootstrap

    How to align buttons properly in css/

    What is the purpose of this csslint error and how can I get rid of it?

    How to make arc shapes with CSS3?

    How to align text and image in xslt with css

    HTML/CSS How to format Text and have an Image floating next to it

    How to change both fill and stroke in svg with css

    How to determine why floated elements are affecting the heights of non-floated elements (D7 views blocks with zen theme)?

    How can I make the header's border/other content not overlap the img on the left?

    How to get same effect as jQuery's slideToggle using CSS 3 transitions?

    How do I center a div along the y axis?

    How to specify max-height css property to Screen size

    How to avoid bootstrap from overriding id-called custom css?

    how to get rid of firefox image border

    How to blend CSS classes for different results

    how to layout tictactoe with html and css on a webpage

    How to draw a centered line with a rectangle to one side in CSS

    How to target flex item by its order number?

    How to include custom css in Extjs 6?

    Overlapping image in photoshop splice, how to float with CSS

    how to see background color of div when if move on image

    Vertical alignment in css of multiple elements (How to achieve this layout)