Icon box layout and overlapping text on mobile site

robinwyatt

Hi,

I'm having some problems with icon box layout on one of the pages of our site (it's the page we call our 'Client Zone', where clients login to download work we've done for them). It works fine on computers and on iPads; the problem is on mobiles, as you can see. This is the setup I have done using Muffin Builder. There are two problems:

1. At the top, in portrait orientation, the title text overlaps.
   
2. In both portrait and landscape orientations, the 'videos' and 'design files' icon boxes appear on top of each other and I would like them to appear next to each other. I thought this might have something to do with the placeholders I'd inserted to help get the spacing right, but when I deleted them it made no difference.

What can I do to correct these two things?

Albert

Hi,

1. Title text overlaps - you set large font but not enough big line height. You can increase this line-height  under Theme options > Fonts > Size & Style > Heading section.
2. When resolution is less than 768px, all columns has 100% width and are one by one. And we do not have any workaround to change this behave. 

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

robinwyatt

Thanks!