[Pattie Arnold]

When viewing my pages using Galaxy S6 in Chrome, Example page, the text does not wrap correctly around the image. I removed the fixed height & width from the HTML, but the problem still exists.

We viewed this page from my phone, from a Sony Xperia (using Chrome) and the results are the same.

Could you be so kind as to take a look and offer a fix?

Kindest Regards
Pattie

[David Calderwood]

I too found that there is an error in the mobile CSS file that is causing the header logo to display incorrectly in mobile devices between 650px and 1350px media size. There is a missing media size, so I have created the code and added it to the Custom CSS and this corrects the logo size to display correctly on larger tablets and small laptops. This code is not perfect, but will get things displaying correctly. Add it to your Cusomt CSS in the Miscellanious tab:

/* FIX MOBILE LOGO SIZE*/
@media (max-width: 1650px) {
   #branding, .topmenu { width:100%; }
   #bg_image {width:100%;}
   #header-container > div {height:100%;}
} 

[Author]

Posts