The website I am building has a simple main menu with four links: Portfolio, About, Contact, and Request a quote. Each menu item is black, until it becomes the active page and then it is blue.
The About page has two subpages (which I don’t want to show in the main menu – they are accessed through a smaller menu on the About page). When active on those subpages I would like the About button in the main menu to remain as blue. At the moment, when on the subpages, the button reverts back to black.
I have the same problem with the dynamic portfolio pages. The ‘Portfolio’ link in the main menu sends visitors to a dynamic portfolio (all) page and the menu item turns blue, as intended. However, clicking any of the portfolio images and visiting their dynamic detail page, and the ‘portfolio’ link in the main menu reverts to black again. I’d like it to remain as blue.
I inspected the page with Firefox web developer tools and successfully changed the colour of each menu item in there. I targeted these ids to do it:
Portfolio = #comp-kmkskv1e0label
About = #comp-kmkskv1e1label
In the Wix code area, in the $w.onReady (function) code that Velo auto inserts, I tried the following:
$w("#comp-kmkskv1e0label").style.Color="#1a73e8";
It failed and said that #comp-kmkskv1e0label wasn’t a valid id/selector, or something similar.
Does anybody know how I can make this work? It feels like it should be easy, but I am struggling. Apologies if this has been answered elsewhere, I’ve Googled it and searched this forum but haven’t been able to find the answer.
Thanks in advance for your help.