Our Autumn Sale is on! Join now or renew your subscription with 25% OFF! Read More

Support Forum

Morten
Morten
Offline
Hi. I have been struggling whole day to understand the classes in the particle ONEPAGE menu.
I know this is not really an issue with the template but hopefully you can give me a pointer so i can maybe manage to resolve it myself during the next 8 hours :)

https://hppbot.karuny.co.uk/who-we-are


I have made a Onepage menu to the left.
Sticky

I have made a class on each menu element (.aboutus .history .results .hpp)

then i have added a CSS code like:

.aboutus {
background-image: url(/images/icons/partners-blue.png);
background-size: 32px;
background-repeat: no-repeat;
background-position-y: center;
}

For now i have used the same image on all but they should be different

Now the issue:
How to i get to show the images when hovered and active?

I have tried all kind of variation of :hover and :active

I see there is a class like: .g-onepage-menu ul li.uk-active > a
but if i put it there all active element will have the same icon

So i have tried to combine .g-onepage-menu ul li.uk-active > a and the class .about us in more ways than possible


Is there a way or is it a lost cause without having to write pages of codes?

I cant use the build in icons as customer want hover and circle around the icon.
I have the icon both in blue and white so i just need to figure out the CSS code to use

In advance thanks alot!

Kind Regards
Morten
Responses (4)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!