Active link size in Superfly menu

[Minna]

I have this css styling in my Superfly menu element How to add CSS class to a specific Superfly menu item?

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(6) a:link {
font-size: 15px !important;
}

However, when the link is clicked, the link size gets bigger and I have tried this code to solve it, but it doesn’t work.

#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0>li:nth-child(6) a:active {
font-size: 15px !important;
}

Could you help with this?

[tristup]

Hi Minna,

You need to add the following custom CSS code into the Theme Options > CSS to get rid of this problem.

.sfm-menu-item-4290 a 
{
    font-size: 15px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks

[Minna]

thank you very much!

[tristup]

Hi Minna,

You are most welcome.