Changing size of images used in sticky nav

I used the following CSS to change the size of the icon in the sticky nav;

.wd-nav-sticky>li>a .wd-nav-img {
    flex: 0 0 auto;
    margin-right: 0;
    max-width: none;
    max-height: none;
    width: 30px !important;
    height: 30px !important;
}

The CSS is in the Custom CSS in the woodmart settings.

This works on some pages (eg the home page), but if I go into some other pages (eg a product category) then it reverts to the old 20x20px dimensions. When it reverts to old dimensions the css is being loaded from:
“opt-sticky-nav.min.css?ver=7.4.3”

But on the pages which show the new and correct 30x30px the CSS loads from “(index)”.

The best example of this would be in your Mega Electronics demo seen here: https://woodmart.xtemos.com/mega-electronics/

I cannot share a link because its being developed locally.

By the way; there doesn’t seem to be any consistency as to which page it works on and which page it doesn’t.

Meaning I can go to a page and the icons will be 20×20, then go back and then go to that page again and it will display as 30×30. It doesn’t make much sense.

Hi RichardTRC,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look and allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi, thanks for your response. As I mentioned; this site is being developed locally so I cannot provide access.

You can replicate the issue with your Mega Electronics demo: https://woodmart.xtemos.com/mega-electronics/
The icons in the sidebar on the left.

Hi RichardTRC,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.wd-nav-vertical.wd-nav-sticky > li > a .wd-nav-img {
    width: 30px !important;
    height: 30px;
}

Regards,

That worked perfectly. Thanks very much Hung Pham.

Hi RichardTRC,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts