Integrity Stack Remove Padding

[deniedchav]

Hi, I am trying to remove this area between my content and the integrity stack header.

I have removed all padding and tried suggested CSS from the forum in the theme options.

.x-logobar {
border: none;
}
body {
background-image: none !important;
}
.x-breadcrumb-wrap {
display: none;
}
.x-container>.offset {
margin: 0px !important;
}

It doesn’t seem to work and I am a complete beginner at CSS. Any help would be appreciated.

Thanks

[prakash_s]

Hello @deniedchav,

Thanks for writing to us.

To get rid of the padding from the top of the page content I would suggest you please add this custom CSS code to the global CSS.

.x-main.full .entry-wrap {
    padding: 0 !important;
}
.x-container.offset {
    margin: 0;
}

To remove the border-bottom and shadow of the navigation please add this custom CSS code.

header.masthead.masthead-stacked .x-navbar {
    border-bottom: none;
    box-shadow: none;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[deniedchav]

@prakash_s

header.masthead.masthead-stacked .x-navbar {
    border-bottom: none;
    box-shadow: none;
}

Thank you thats perfect!

[prakash_s]

You are most welcome @deniedchav