Responsive Logo Issue – iPad Only

Expand the width of your media queries CSS code to 768px.

Hi Andrew – could you be a bit more specific about which line of code to edit?

[ 830 lines of CSS redacted. Please just post a link to your site with that CSS or use pastebin.com instead. ]

Can you provide a link to your site instead?

Yes, thanks:

https://www.pcdproperty.com/cms

Do you have a space to add Custom CSS without modifying the theme’s files?
Add this;

.logo img {
 max-width: 100%;
}

The CSS is all contained within my responsive.css file.
I assume you’re referring to that location?
There’s a couple of logo references in that file:

This code resides in the tablet query:

/* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {

/*The Logo */
	     #header .logo {
	      float:none;
	      text-align: center;
	      }
	      #header .logo img {
		     max-width: 440px;
		     height: auto;

I’ve amended the 440px value to 100% but it has no effect.
Thanks

Please undo your change to the theme’s files.
Download and install this Custom CSS Manager plugin and use its allocated section of the dashboard to hold the CSS I recommended.

Superb, worked a treat.

Really appreciate your help Andrew.