[Resolved] header gap on mobiles

Home Forums Support [Resolved] header gap on mobiles

Home Forums Support header gap on mobiles

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2328178
    Ruth

    Hello – I am using the template “Aroma” and have removed the header image on one of the pages.
    It looks ok on a laptop but on a mobile there is a big gap between the first image and the top menu. There is a 192 of spacer which I have reduced a bit and this moves the image up on a mobile but if I remove it completely on a laptop the menu and the first element are overlapped.

    Is there any way I can remove the spacer for mobiles but not for laptops OR is there some other way of not having so much white space between the menu and the fist image on a mobile device?

    #2328279
    David
    Staff
    Customer Support

    Hi there,

    a couple of things:

    1. if you select that top most GB Container block, in its Spacing you will see there is Top Padding of 100px
    You can set this value independently for Desktop, Tablet and Mobile by selecting the different device previews.

    2. inside that top most container block, is another GB Container block, select that, in its Spacing there is a Top Margin of -230px. Change that to 0 as that is creating the overlap.

    You can now remove that spacer block as it won’t be required.

    #2329148
    Ruth

    Thanks David – I would never have worked that out myself!

    #2329223
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.