Scale / Size of the theme

1366x768 is the most popular resolution for this theme, when previewing the theme, I notice the header and the featured image on the browser are visible on the browser, I have a client I'm configuring a theme for at the moment, I have HEADER>SLIDING IMAGE> then below this I have the four sections (homepage feature sections)

What options would be possible for scaling the gaps down between each section, or perhaps moving some things up a little so that the featured image be moved up a little and the header up a little? or perhaps some of the gaps between the header > featured image be reduced (without looking bad).

my main aim is to try to get the silder to be more visible as it's cutting off a little part of the visible area at the bottom of the slider on 1366x768

thanks for any help.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.social-links {
padding-top: 5px;}
.searchform {
margin-bottom: 5px;}
.header {
padding-top: 10px;}
.slider-wrapper {
margin-top: 10px;}
.content {
margin-top: 30px;}
.main_container {
padding: 0px;}