change the image for header menu

Hi there, when i select an image or logo for the image for header menu it automatically crop the image to square i guess, how can i change the dimensions for the image for header menu? I attached an image with marking of the area im talking about.
Please help

Hello,

Please navigate to Products > Categories > Edit Category > Upload the image for Header Menu:
https://prnt.sc/pYs_8tfu3f6z

You can try adjusting the dimensions using the following custom CSS. Add this code in Theme Settings > Custom CSS > Custom CSS for mobile.

.mobile-nav .wd-nav-img, .wd-sub-menu li>a img {
    max-width: 80px; 
    max-height: 50px; 
}

Best Regards,

when i change the max-height value it changes the size of the logo but when im trying to adjust the max-width it doesnt do anything, the logo is still in square dimensions

Hello,

Please add this code in Theme Settings > Custom CSS > Custom CSS for mobile.

.mobile-nav .wd-nav-img, .wd-sub-menu li>a img {
    width: auto !important;
    height: auto !important;
    max-width: 100px !important; /* Adjust as needed */
    max-height: 50px !important; /* Adjust as needed */
    object-fit: contain !important;
}

Best Regards,

Still the same, when i change the max-height value it changes the size of the logo but when im trying to adjust the max-width it doesnt do anything, the logo is still in square dimensions

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,

[Author]

Posts