[ad_1]
[ad_2]
Hey i am making a website. My theme does not allow seperate logo size for desktop and mobile. I would like to change the size for the logo only for mobile and tablet version of my website is this possible? Is there a css line for that?
Thanks
Inspect the front end and find the class name for your logo then use the following custom CSS:
/* For tablets and mobile devices */
@media only screen and (max-width: 1024px) {
.your-logo-class {
width: 150px; /* Adjust to the desired size */
height: auto; /* Maintain aspect ratio */
}
}
/* For smaller devices (like smartphones) */
@media only screen and (max-width: 768px) {
.your-logo-class {
width: 100px; /* Adjust to the desired size */
height: auto; /* Maintain aspect ratio */
}
}