Gap below the home page header


Please check this image The green part is the current existing gap in the home page of
Although to show the gap I had changed it to green but in actually there’s black. But I want to close that gap between the top slider and the header menu.
I want to keep zero gap without affecting other pages and also when I move the top slider up then even the other blocks / widgets below should move up along with it. I don’t want to affect any other pages. Can you please advise me the relevant code. Yes I have already been using the " Custom CSS" plugin from the beginning.


You can close that gap using this Custom CSS:

.page-wrap {
    padding-top: 0 !important;

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,

No it’s working but affecting all the pages. I want to close the gap (to 0) between header and the top slider only in home page. Any possibility ?