Trying To Edit Nav css

Resolved rob.meunier
(@robmeunier)

8 years, 9 months ago

I’ve learned that the main style sheet for the theme is virtue.css under assets. When I open it up in file manager in hostmonster, the css file takes forever to load. When it finally does, it’s a total mess and it freezes whenever you do anything in it.

I’m not trying to edit it though. I’m trying to find the #nav. menu css section so that I can copy it and use it under the custom css theme option. This provides me a little template to edit the menu css.

Why is the virtue.css so long, disorganized, and freeze a bunch when trying to navigate it?

Viewing 15 replies - 1 through 15 (of 18 total)

1 2 →

Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

I admit. I am able to copy and paste what I need from firebug in firefox.

But I’m still curious…

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

8 years, 9 months ago

Freezes in Firebug?

Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

firebug is just another way to copy and paste the nav css.

i’m not talking about firebug. i’m only referring to the actual virtue.css file.

i don’t think what i typed was confusing. sorry if it was.

Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

honestly this isn’t my main concern.

i’m trying to figure out why the sub menu under Community isn’t algned like the submenus under the other menu items.

http://www.robmeunier.com

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

8 years, 9 months ago

How are you viewing the virtue.css file?
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

8 years, 9 months ago
i’m trying to figure out why the sub menu under Community isn’t algned like the submenus under the other menu items.

Isn’t it just this:
```
#nav-main .sf-menu>li:last-child>ul, #nav-second .sf-menu>li:last-child>ul {
  left: auto;
  right: 0;
}
```
Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

very strange. nothing works.

my observation is that originally this theme has the logo on the left and the menu on the right. which then forces the far right submenu item to move over to the left because it can’t go beyond the page width (content width).

when i select the option to put the logo over the menu, the menu centers itself but still acts as though it is to the right of the page.

here’s the demo of the theme. see how the far right submenu does the same thing. but that’s because the entire menu is to far to the right, so the submenu compensates for it.

http://themes.kadencethemes.com/virtue/
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

8 years, 9 months ago
What happens when you override that style:
```
#nav-main .sf-menu>li:last-child>ul, #nav-second .sf-menu>li:last-child>ul {
  right: auto;
}
```
Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

That worked!!!

Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

Thank you so much!!! That was driving me crazy.

how did you come up with that css?

firebug doesn’t show that

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

8 years, 9 months ago

It’s there in firebug if you inspect the <ul> inside the last menu item

Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

ahhh.

how do i change the hover color of the submenu???
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

8 years, 9 months ago
E.g.:
```
#nav-main .sf-menu .sf-dropdown-menu a:hover {
    background-color: red;
    color: white;
}
```
Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

That’s perfect. Thanks for your help!

Thread Starter rob.meunier
(@robmeunier)

8 years, 9 months ago

is there anyway to make the icons small er and position them to the left of the menu items???

Viewing 15 replies - 1 through 15 (of 18 total)

1 2 →

The topic ‘Trying To Edit Nav css’ is closed to new replies.