Also, the website has a weird width issue where the background seems wider than everything else on the page and it allows you to slide the window around and expose weird layout issues. Please go to the URL and swipe down to the product images and then move left and right to wiggle the screen and show the problem.
This happens because there is margin set up to the logo and also the width of content is larger than that of a mobile device. Please add this code into your custom css box:
Thank you for the response. I made the changes but now the logo gets squished on the chrome browser (desktop…where I develop) when i make it as narrow as possible. I haven’t checked on Safari mobile yet but I also had issues with the width of the logo on the safari browser, although my other mobile browsers displayed correctly.
Actually…with that change I don’t even see the logo showing up on some of the mobile browsers like for Windows. Is there anyway to set a margin for the placement issue where it wouldn’t cause this?
And I’m not sure why this happens at all for that page yet the other almost identical (don’t ask why…client request) splash page site for fleurishfarms.com/PatientEducation/ has none of the same issues except for the logo width.
OK. I have the placement and logo positioned but not with the margin-left: 0 !important. Doign that fixes the positioning and width of the logo but the weird issue with the page width scrolling still occurs due to the margin being set. Is there anyway around this?
As i said in my previous reply, this happens due to some element’s content being wider than the site’s content in responsive mode. In your other “almost identical” pages this does not happen because the element causing it, is not present there.
I opened your site from mobile and the logo looks ok (screenshot). Also i don’t get the width scrolling anymore. Do you still need help with it? If you still have issue with the logo, please send us a screenshot of it so we can better understand you.
