Blocks not displaying correctly on Mobile

Permalink
HI Guys,

I have changed a few items on my website, added in a few blocks and some links etc.
The mobile looks terrible now, my web developer says it is a problem with the blocks and they never look right on mobile.

Is there a way i can fix this cause it really needs to display correctly on mobile.

Thanks Dave

View Replies:
CMSDeveloper replied on at Permalink Reply
CMSDeveloper
Link to website maybe?
dave84 replied on at Permalink Reply
Gondwana replied on at Permalink Reply
Gondwana
One thing that sticks out (literally) is that a couple of the DIVs have hard-coded widths (500px). See class="_2p3a" and therein.

Some of the images go a bit squishy (ie, change aspect ratio) and some of the font sizes are a bit big on very narrow screens, but it seems okay generally.
CMSDeveloper replied on at Permalink Reply
CMSDeveloper
dave84 replied on at Permalink Reply
OK, so the site is back working now.
www.www.auspropertyprofessionals.com.au...

any ideas on how i can fix the graphic side (especially the homepage)
It looks terrible on mobile devices
mesuva replied on at Permalink Reply
mesuva
Your web developer could try adding some CSS to the end of the stylesheet (I think this is a custom theme) something like:
.content img, .ccm-layout-wrapper img {
   height: auto;
}
@media (max-width: 768px) {
   .content img, .ccm-layout-wrapper img {
      float: none !important;
      display: block;   
      margin: 0 auto !important;
      margin-bottom: 20px !important;
   }
}


I wouldn't put this down to problems with concrete5's blocks, it's lack of attention to mobile specific styles in the theme.
dave84 replied on at Permalink Reply
Thanks, i will send your suggestion to our web developer