Archived topic

Extra spacing in Main Content, below menu

1 reply · Started by Vinai on May 23, 2017

Viewing posts 1–2 of 2

May 23, 2017 at 4:27 am #322767

Hi,

I have 20px separating space, and 15px content padding in Generatepress Layout.

The inner pages are fine, but there is extra space on the home page. On the home page, i am creating a full width image carousal in Elementor, and the page has some space below the menu.

http://www.intellisoft.com.sg/newsite2/

I want to have the separating space in secondary pages, but on the home page, I want to remove it.
I tried writing the below simple css in the home page, but it did not help.


.separate-containers .page-header-image, .separate-containers .page-header-content, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single {
      margin-top: 0;
}

Kindly suggest what else to do to fix this issue. Thanks.

May 23, 2017 at 8:17 am #322896

Hi there,

The space is coming from a few things. You could try this:

.separate-containers .site-main {
    margin-top: 0;
}

Then setting the top Content padding to 0 in Customizer > Layout > Container

Let me know.

This archived topic is closed to new replies.

Start building better websites today.