Forum Replies Created
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
Hi all. @Cory began this thread on my behalf. I’ve made some more progress but still don’t have a solution and wanted to share.
The right side overhang in our case was caused by image width in the logo image breaking the wrapper div and extending into the <body>. In some attached images I set the background color of <body> to aqua so it is more obvious.
Even though the responsive.css resizes the image to 80% and it doesn’t look like it’s hitting the edge, the original size of the image is what the browser counts. In my case anything larger than 305px width breaks the div. This suggests that thee left side margin of one of the divs it’s inside is subtracting 15px from the 320 device width I should have on the iphone.
You can see this same behavior on pages like the buddy press members page where the search box also breaks the div.
I can get it to go away on the home page by only using a logo image of 305px width or less but that doesn’t actually address the problem. I’m going to keep at it.