Responsive Logo

I have updated logo.svg with my logo and put in an override for the width and height. The logo looks fine on the desktop but the logo is not scaling on mobile, it is cropped. Any help on what I did wrong?

http://www.capandhare.com/joomla

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.

Ps, I also see it doesn't look good at mobile (320px screen size), so please add this code also:

Code: Select all

@media (max-width: 370px){
    #gkLogo.cssLogo {
        width: 300px;
    }
}


Worked a treat, thanks!

Is there anything else I can help you with regarding this topic?

nope. this takes care of it.

Feel free to post new forum threads if you have any other questions - it allows us to answer faster.