Home Forums Community Forum Big gaps (margin or padding) when I view my site on mobile devices

Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • bionic_beats
    Participant
    Post 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.

    migstf
    Participant
    Post count: 5

    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_beats
    Participant
    Post 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?

    migstf
    Participant
    Post count: 5

    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 –

    .fusion-sharing-box {
    margin-bottom: 20px!important;
    padding-bottom: 0px!important;
    }

    That should leave enough separation on both desktop and mobile, without a big gap on small screens

Viewing 4 posts - 1 through 4 (of 4 total)
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.