Icon box layout and overlapping text on mobile site
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 [Links visible only for registered users]; the problem is on mobiles [Links visible only for registered users], as you can see. This [Links visible only for registered users] is the setup I have done using Muffin Builder. There are two problems:
- At the top, in portrait orientation, the title text overlaps.
- 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?
Comments
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.