Make navigation icons bigger?

Hi!
I want to make the icons attached bigger.
I have tried using .wd-nav-img CSS attribute but it doesn’t seem to have any effect (Tried !important and none important)
The images themselves are 128×128 / 64×64
I want to make them a bit bigger because right now they are a bit small to understand the icon, to my taste at least.
How can I make them bigger without making major issues with the design on mobile and desktop (make them responsive, maybe 32×32 on mobile and 48×48 on desktop and tablet?)?

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the below custom CSS code to increase the size of icons:

.wd-sticky-nav .wd-nav-sticky>li>a {
    padding: 4px 14px;
}

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

Define the code in Theme Settings -> Custom CSS.

Kind Regards

Worked! Thank you Luke!

Hello,

Always remember that you can reach out to us with any questions you may have.

Wish you all the best.

Kind Regards

[Author]

Posts