Logo is not affected by the CSS

Hello, the following CSS doesn't have any effect on the logo on the mobile.css stylesheet:

Code: Select all

#gkLogo {
   max-width: 240px;
   margin: 0!important;
}


Link: http://gator4199.hostgator.com/~lgt2015/

The logo remains the same width at all resolutions.

Regards

Its because you have selected image logo type not css logo type.

Hi Cyberek, I've uploaded logos both in SVG and as PNG format but when the CSS switches to mobile at lower resolution, the logo will not go smaller, rather the edges will be cropped.

I think there is something I don't understand.
Could you give me more details on how to setup a proper responsive logo for this template?

Maybe my SVG file is not setup properly... please let me know.

http://gator4199.hostgator.com/~lgt2015/products

Regards

Please edit: /templates/gk_university/css/override.css and add at its end:

Code: Select all

.svg #gkLogo.cssLogo {
background-size: 100%;
}


Remember to enable "CSS override" in template settings - advanced section.