the css selector :active is only applied while clicking on a link during mousepress
meaning when you release your finger from your mouse, its not styled in that way anymore
so :active has nothing to do with the current page's active menu point
read this please:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page
some body html classes change, depending on what page you are on
you can use this to style your links differently (active style) depending on what page you are on
