[David]

That worked like a charm…

[David]

Sakin,

I’m happy with colors and position of the custom menu in the header right. Above that widget I have the Social and Search Widget. When I click on the search magnifying icon the search box expands and pushes the menu items to the left and leaves a dark grey space to the right of the menu. Is there any way to prevent this behavior and keep the menu is the same position? So that the menu stays right justified?

Thanks…

[David]

Sakin, In your above reply, this code:
.sidebar-top .widget_nav_menu ul.menu a { }

Didn’t work. It turned the menu back to the system defaults. It didn’t apply any of the listed color changes.

Just wanted you to know.

I do have a solution that works using that long string of code.

You can consider this thread closed.

[David]

Only that the more answers you reply to the bigger the knowledge base gets. I myself looked at previous Q&A’s before I submitted my question. All of your answers benefit future readers.

I was just wondering if you thought that there was simpler code than this:
#header-menu ul.menu a, .sidebar-top .widget_nav_menu ul.menu a, #colophon #access-footer ul.menu a {

I appreciate what you do.

[David]

Using the below didn’t change the text font color (still remained grey) or positioning of the menu (right justified):
.sidebar-top .widget_nav_menu {
color: #006633;
background: none #ffffff;
line-height: 2em;
padding: 0 0 0 2em;
}

But using the below made the changes that I was looking for:
#header-menu ul.menu a, .sidebar-top .widget_nav_menu ul.menu a, #colophon #access-footer ul.menu a {
color: #006633;
background: none #ffffff;
line-height: 2em;
padding: 0 0 0 2em;
}

For other future readers, was there a different way to affect these changes?

[David]

My mistake, your code works…

You were using the default colors in your example.

[David]

I appreciate the super fast response. But that didn’t didn’t affect a color change.

I tried !important after the color and that didn’t change the color either.

By using firebug, I can change .widget_nav_menu using the following:
#header-menu ul.menu a, .sidebar-top .widget_nav_menu ul.menu a, #colophon #access-footer ul.menu a {
color: #006633;
background-color: #ffffff;
}

But that seems extraneous. And I don’t know what the other menu elements syntax would look like.

Thank you sir…

[Author]

Posts