Docs

[mahmoud237]

Thanks a lot it worked … but the active effect not working on one my home page navigation

[mahmoud237]

also The mobile navbar return back again .. I don’t know why ? I used this code and it worked before

@media (max-width: 980px){
    .x-navbar {
        display:none !important;
    }
}

Done .. there was a conflicting code

Thanks

[Rad]

Hi there,

Looks okay on my end. Does it still showing? Please provide a screenshot.

Thanks!

[mahmoud237]

yes it worked … the hover effect is working properly but the active effect is not working on one my home page navigation.

[Christopher]

Hi there,

One page navigation items will be activated as you scroll down to related sections.
First section is juice and there is no menu item to point to that section.

Thanks.

[mahmoud237]

I have another section on navigation bar … What I mean that I need the current section to have the same effect as hover … I think that I need equivalent code like this for superfly .

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
 		 background-color: transparent;
    color: #fff;
    transition: all 0.5s linear;
    background: url( http://www.juicedapps.com/wp-content/uploads/2016/08/NAV_SELECTOR.png ) no-repeat;
    background-size: auto 70%;
    background-position: left;
}

The eqivalent code of this is missing on my code on superfly .. I think that my be the problem:

.x-navbar .desktop .x-nav > .current-menu-item > a

[Rad]

Hi there,

Sorry, still confusing. Active statuses are working on your home page, by clicking or by scrolling. How about a visual guide?

Thanks!

[Author]

Posts