One Pager Navigation on Mobile always shows Links as Selected

[BenBay]

Hello Support Team,

as written above on mobile the links are always on (pink in the picture when on the home page) how can I change it to only be pink on interaction and not when I am on the page?

Thank you for your help!

Best, Ben

[prakash_s]

Hello Benedikt,

Thanks for writing to us.

There might be the issue of plugin conflict or cache issue, I would suggest you troubleshoot with a few of the common issues before we investigate your settings.

1. Testing for Plugin Conflict
2. CSS/JS Customization
3. Version Compatibility
4. Disabling Cache

If none of those work, please send your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

[BenBay]

Hey Prakash,

Thanks for you help sadly the above didn’t work could you please take a look? That would be amazing.
The problem is only visible on my phone not hte Theme.

Thanks for your help!

Best, Benni

[ruenel]

Hello Benni,

By default, the interaction text color will be applied to the active link on the page. If you want to use it just for the hover only, kindly edit your header and click the navigation modal element.

Find the "Customize " tab

and insert this inline element CSS:

$el.x-menu .x-anchor[class*="active"]:hover .x-anchor-text-primary {
    color: rgb(235,63,121);
}

$el.x-menu .x-anchor[class*="active"] .x-anchor-text-primary {
    color: rgb(1,36,101);
}

Feel free to make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

[BenBay]

Ruenel you are the best!
Thanks alot again.
Have a great day!

[christian]

You’re welcome, Benni.