MEGA MENU Styling

Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

MEGA MENU Styling

10 years 3 months ago

#118356

Topic Author
Jared
Offline
Fresh Boarder
Posts: 1
Thank you received: 2

Licenses:

JomSocial Expired Socialize Expired

The styling of the mega menu (main navigation menu) is driving me nuts. I've tried to style is with custom.css AND through Template manager backend but with no luck. How can I remove/alter the colors of the menu items when they are hovered (grey), selected (blue), and hovered while selected (orange)?

This is something that is usually very easy for me to figure out through inspect element but I am obviously missing something here. Please advise ...

Attachments:

10 years 3 months ago

#118371

Albertus
Offline
User is blocked
Posts: 3296
Thank you received: 2582

Licenses:

Hi Jared,

no other way you must inspect the elements and put new CSS rule at /templates/socialize/css/custom.css

and here the css based on that color

.t3-mainnav .navbar .nav > li > a:focus, .t3-mainnav .navbar .nav > li > a:hover, .t3-mainnav .navbar .nav > li > span:focus, .t3-mainnav .navbar .nav > li > span:hover, .t3-mainnav .nav li.dropdown.open > .dropdown-toggle {
  background-color: grey;
  background-image: none;
}

.t3-mainnav .navbar .nav > .active > a, .t3-mainnav .navbar .nav > .active > a:hover, .t3-mainnav .navbar .nav > .active > a:focus, .t3-mainnav .navbar .nav > .active > span, .t3-mainnav .navbar .nav > .active > span:hover, .t3-mainnav .navbar .nav > .active > span:focus {
  background-color: blue;
}

.t3-mainnav .nav li.dropdown.active > .dropdown-toggle, .t3-mainnav .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: blue;
}

.t3-mainnav .navbar .nav > .active > a:hover, .t3-mainnav .navbar .nav > .active > a:focus, .t3-mainnav .navbar .nav > .active > span:hover, .t3-mainnav .navbar .nav > .active > span:focus, .t3-mainnav .nav li.dropdown.open.active > .dropdown-toggle:hover {
  background-color: orange;
}

Regards

10 years 3 months ago

#118373

Topic Author
Jared
Offline
Fresh Boarder
Posts: 1
Thank you received: 2

Licenses:

JomSocial Expired Socialize Expired

I appreciate it Albertus. Thank you.

Moderators: Piotr Garasiński

Notice

Support Forum

MEGA MENU Styling

Licenses:

Attachments:

Licenses:

Licenses:

Join 180,000 websites creating Amazing communities

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere