Gap between Smart Slider and Header Menu

Hi @freddyboy377!

That spacing is a combination that comes from your theme and Gutenberg page builder. Gutenberg allows theme developers to define a global default spacing in their codes, which is the “–wp–preset–spacing–…” value. In your case your theme defined 70px for that (so the 60 is just in the name, but your theme defined 70px for it), and it was used at two top places, and that creates the 140px empty space you see.

To properly resolve these kind of issues, the theme given setting should be found for this spacing, and that should be adjusted. Usually that happens at Apparance -> Themes -> click on “Customize” at your theme. These will list the theme given options, including some spacings. You should note, that there isn’t a common place where developers are creating their settings, that is why a searching has to be done, or the theme’s developers should be contacted and asked. They can customize their codes as they want, so for example some themes offer their own menupoints within the left wp-admin menu, and then this “Customize” page isn’t used.

Alternatively, you can use the following CSS to overwrite your theme’s codes:

.wp-site-blocks > main{
   margin-top:0!important;
}
.wp-site-blocks > main > div{
   padding-top:0!important;
}

If you don’t have a good place to put CSS codes, you could use a plugin like this one:
https://ww.wp.xz.cn/plugins/custom-css-js/
which will offer an option for you to create custom CSS.

So to sum up, spacings before/after sliders are always being caused by themes and page builders.

I see now, that you are using Twenty Twenty-Five theme. WordPress comes with Gutenberg page builder by default, so that is why it exists on your website as well. These doesn’t really make a difference in this matter, so the spacing comes from Twenty Twenty-Five theme given codes. The only difference maybe, that WordPress default themes often lack options for some spaces and other settings, so custom codes are more likely have to be used.

I don’t recommend putting the CSS code there, because if a new version of Twenty Twenty-Five will come out, and you update the theme, then you will lose the changes which were done in that file. So a plugin, like Simple Custom CSS and JS is better for such customizations, as the CSS codes you enter there will remain upon theme or plugin updates.