nav menu styling

[beansmcguillicutty]

Hi guys,

I hope all is well.

Any info on how to style the hover effects in the nav menu? I want to mess with the hover effects for the dropdowns inside the nave menu. What CSS elements should I be altering?

Any plans to add customizable options for this in the theme options admin area?

Thanks in advance,

a

[Radu]

Hello,

Add this css code to Theme Options -> General Settings -> Quick CSS section

COPY CODE

.navbar-nav .dropdown-menu li a:hover {

  color:#3CB5B5 !important;

}

If you want change with your preffered color.

We will consider your suggestion

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[beansmcguillicutty]

Thanks Radu! For whatever reason I couldn’t find the selector using firebug…or googles dev tools..

Have a great day,

a

[beansmcguillicutty]

One more nav menu styling question…

How can I make sub pages start with the transparent black nav menu background instead of it fading in after starting to scroll down?

I like that it fades in on the home page…but my sub pages have a light background and the nav menu items are the same color…therefore invisible until scrolling fades in the black transparent bg for the menu…

Thanks in advance!

a

[Radu]

You can set header transparency or black/white for individual pages.

See below primary area content at Theme General Settings ( check screenshot )

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[beansmcguillicutty]

Thanks for your reply Radu, but that doesn’t change anything….my default header is already set to what I’d need there…

I need the transparent black background to appear before scrolling starts….on the subpages.

Is there a way I can do this?

Thanks in advance,

a

[Radu]

Hello,

Look at Theme Options -> Header Options -> Transparent Main Menu set ON ( this transparency will be appear in all header pages )

If you want to set header transparency or black/white for single page just go to page backend below main content area and set your header prefferences. (see screenshot – see where is framed in red)

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts