I'm using the Debut theme. No matter which page I create and add to the navigation, its marked in the navigation when active (usually underlined in Debut theme but I changed it to font-weight: bold). But for the product page this doesn't work. As I only have one single product, I added the product directly to the navigation. But when I click on it and it's active, the link in the navigation is just normal as every other navigation item and not bold (or underlined).
I checked the CSS in Chrome developer tools and on all other pages the active navigation item's class is:
site-nav__link site-nav__link--main site-nav__link--active
But on the product page ist's just:
How do I fix this? Where can I modify this?
Solved! Go to the solution
Please share your site url so that I will give you exact solution
When you create/edit your menu, select a product from the prompts the system gives you and not just type in the url.
This should help.
Even though they point to the same page, they are not the same under the hood.