Image/Logo Responsiveness

[Francois Zietsman]

Sorry, I am busy with Perfect Interior, redoing my website (https://www.visualweb.net.za) but I need to ask something about the responsiveness of your themes.

Why are images, like the logo for example not proportionally responsive? At some point, it starts to shrink the Logo only from the sides, making it look squished? Hope you understand what I mean by looking at these screen prints (https://www.visualweb.co.za/Heading-1.png and https://www.visualweb.co.za/Heading-2.png – on both Header Layout 1 and Layout 3 the logo gets squished from the sides only when the screen size changes making it look terrible on mobile where other themes sizes the images/logo’s proportionally according to screen size if you look at my old site (https://www.visualweb.co.za) for example…

The same goes for other themes as well if you look at http://www.t-shirtprint.co.za – sizing the screen also squeezes the logo from the sides only.

Another theme’s portfolio also squeezes the images from the sides only making it look out of proportion on smaller screens – see this screen grab on theme Lens Pro’s portfolio (https://www.visualweb.co.za/Images.flv)

Kind Regards,
Francois

[Sonl Sinha]

Hi Francois,

For https://www.visualweb.net.za/ kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there, you can use this code for any perfect child themes:

@media screen and (max-width:767px) {
.centerlogo .logo{width:auto !important;}
}

Regards,
Dave

[Francois Zietsman]

Hi Dave

Thanks, but it made no difference. I copied your code exactly and still the issue persists.

It seems that a couple of themes has an issue with image and logo responsiveness as in my original post…

Kind Regards
Francois

[Sonl Sinha]

Hi Francois,

kindly go to Appearance>>Customize>>Basic>>Custom CSS Box
and Add this code there:

@media screen and (max-width:479px) {
.logo img {height: auto; margin-top: 22px; width: 80%;}
}

Regards,
Chris

[Francois Zietsman]

Thanks Chris

This code worked well.

Kind Regards
Francois

[Sonl Sinha]

🙂

[Author]

Posts