Make side icons bigger

Hi, I want to make side icons bigger. I had it before but for some reason it stopped working. I want it to be at least twice the size
Attached link

Hello,

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;
}

Best Regards

Hi Aizaz I do not see any difference other than the icons being broken to the side

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hi Sorry for the late response I was on vacation
Attached

Hello,

I am unable to login to your site. Please remove the IP restrictions. We are accessing the site from Pakistan.

Best Regards,

Hi
Sorry for this
I have removed the restriction

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

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

Best Regards,

Thank you Aizaz!
Is there a way to make it centered? Maybe increase the width of the menu box?
https://prnt.sc/bA3dJNWaECZK

Also I see that the words are now wrapping. I guess maybe making it wider would help?
https://prnt.sc/KRp6Zk_ZHB5R

Hello,

I am unable to login or visit your site. Please remove the IP restrictions. We are accessing the site from Pakistan.

Best Regards,

I have lifted the restriction, for some reason it toggled on again
Please check again

Hello,

Sorry to say I am unable to access your site. Please give the site access so I will further check on your site and give you a possible solution: https://ibb.co/kt0Zzd3

Best Regards,

I cannot see this blockage on cloudflare panel (can’t find any Pakistan connections that were blocked)
But, I have retoggled the option that relates to this block
Please check
If possible to send me ray id that would be helpful

Hello,

Please remove the previous code related to the line-height property and add the following Custom CSS under Theme Settings > Custom CSS > Global Custom CSS.

.wd-nav-sticky.wd-nav-vertical>li>a {
    line-height: 15px !important;
        position: relative !important;
    left: 7px;
}

Best Regards,

Thank you Aizaz!

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,

[Author]

Posts