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,
.
