Content on Pages with images not Responsive

[Erik Swartz]

I apologize…I’m not terribly experienced in troubleshooting responsive code. The home page of the site displays fine on an iPhone 5, but the content on the Pages and Posts does not re-size properly. The containers do, but the text and images remain too wide. Tested on Safari and Chrome mobile browsers, same result.

Any insight would be greatly appreciated!

http://toniforfollybeachmayor.com

Thank you, and otherwise great theme!

Erik Swartz
erik@snugharbordesign.com

Attachments:

1. 

   IMG_1763.png
   

[Bill Robbins]

Hello Eric,

Sorry about the trouble there. I believe I found the source of the container not resizing. If you’ll go to the Custom CSS box in the Theme Options page and find this spot:

#content  {
width: 610px;
padding: 20px;
}

replace that with this:

@media only screen and (min-width: 1024px) {
	#content  {
		width: 610px;
		padding: 20px;
	}
}

which will only change the width of the content when the screen size is 1024 pixels wide or larger. See if that won’t take care of it for you.

If you have any trouble, let me know.

Thanks,
Bill

[Author]

Posts