Avada › Forums › Community Forum › Big gaps (margin or padding) when I view my site on mobile devices
bionic_beatsParticipantJuly 31, 2018 at 4:01 pmPost count: 2
Hi, on my site http://www.medklang.de there are some unwanted gaps which are only visible on mobile devices. For example, above the headline “Baby Sleep 2” or above the headline “Adult Sleep 2”.
I can’t figure out where this big gap comes from. On desktops, there is no such gap, and everything looks like it supposed to be.
Any help is highly appreciated.
Thank you very much.migstfParticipantAugust 1, 2018 at 12:35 pmPost count: 8
The fusion sharing box below the left images has a margin-bottom of 55px.
This isn’t such a big deal (although it is still too much in my opinion) on desktop, but is a very big deal on the small mobile screen sizes.bionic_beatsParticipantAugust 1, 2018 at 2:00 pmPost count: 2
Hi migstf, thanks a lot for your help. I’ve checked the sharing boxes but can’t find any option in the corresponding menu to adjust margins. Do you have an idea where this margin-body is coming from?migstfParticipantAugust 1, 2018 at 2:39 pmPost count: 8
It’ll need to be done with custom css. You can add it in the Avada options or in any custom css plugin you might have. Try adding this –
That should leave enough separation on both desktop and mobile, without a big gap on small screens
- You must be logged in to reply to this topic.