Howdy Tim,
I highly recommend the Page Inspector tools built into Chrome and Firefox for easy identification of various CSS classes. Simply right-click the element in question and choose “Inspect Element” to discover all current styles and to test out new ones in real-time.
Alternatively if you provide the link to your site I would be happy to steer you in the right direction.
More Info:
https://developer.chrome.com/devtools
https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector
-Alex
Hello Alex,
thanks for your feedback. I tried the inspector but cant really figure out the right CSS codes for the elements.
Would be so kind if you can have a look:
http://mamaisonriverside.mamaison.onlinebusiness.cc/
If you shrink the website, the mobile shiftnav menu appears.
Thanks and happy weekend
Tim
It’s ok, give this CSS a try. I think it will do the trick.
/* Current Menu */
.current-menu-item.shiftnav-depth-0 .shiftnav-target {
color: red !important; /* Link Color */
background-color: green !important; /* Background Color */
}
/* Non-Current Menu */
.shiftnav-depth-0 .shiftnav-target {
background-color: yellow !important; /* Background Color */
}
/* Menu Items */
.shiftnav-depth-1 .shiftnav-target {
background-color: blue !important; /* Background Color */
}
Ah, looks like this has been sorted – awesome of you to help Tim with that customization, Alex! 🙂
