Using image as logo

Hi

When using logo and setting it as image, the logo doesn't resize for mobile so is too big and covers the text

Is there a way of getting the logo to resize?

Mike

I have the same problem. Awaiting a response from the Gavick team.

Hello,

The only solution in this case is adding a Custom CSS code under template settings -> advanced settings -> Custom CSS code option like:

Code: Select all

@media (max-width: 640px) {
#gkLogo img {
   height: auto;
   max-width: YOUR_WIDTH;   
}
}


It is the only solution, because we cannot predict all possible image dimensions.

Thanks dziudek. I put this in mobile.css or mobile.less if you're using that. I increased the max-width to 50% in tablet.css and 75% in small.desktop.css

Code: Select all

#gkLogo img {
   max-width: 35%;
}