Button remaining active when it isn't supposed to be?

[RinardMedia]

Hello! I’m working on a bottom header type of navigation for a plastic surgery website. The goal is to organize the services by type and keep it easy to switch between the three option types.

The issue I’m running into is that the first and second button in the list, “Body” and “Breast”, remains in active state when you select other sections? I’ve double checked the IDs in the sections and I’m not sure what the issue is.

If there is an easier way to go about this, I’m also open to suggestions as I’ll have to mobile optimize this as well.

The link to the page in question is: wordpress-669672-2245204.cloudwaysapps.com/plastic-surgery/

[tristup]

Hi @RinardMedia,

Thanks for reaching out.
It seems that the Button is not activated due to the Height of the section where you have added the ID for the #face. I went ahead and added a few padding to the section through the Browser Debugger tool and it worked, please find the screenshot below.

I would suggest you adjust the height of the section, and make sure the ID to point should be at the top of the page, as shown in the above screenshot.

Hope it helps.
Thanks