Hello @gillesdiaz I moved this to a new thread since it’s a separate topic.
What you’re seeing is margin/padding space on top and bottom of the slider area. The top is created with the .head-wrap
margin bottom. You can add this to your css to remove that and it will only affect the homepage –
.home .head-wrap {
margin: 0;
}
To remove some of the space under the slider, look at line 1218 and adjust the margin-bottom (20px) –
.slider .wrap {
margin: 0 auto 20px;
padding: 0;
width: 1140px;
}
Then for the final step, take a look at line 1224 and remove the margin that shows up at the bottom of each widget –
.slider .widget {
margin: 0 0 20px;
}
For the logo being cutoff: Look around line 4009 and you’ll see this –
.sidebar-primary,
.title-area {
width: 300px;
}
You could add this right under that code above –
.header-image .site-title a {
background-size: contain !important;
}
Or you could separate the title-area and change the width to 360px…..but you’ll have to adjust the widget area to a different width so both sections will fit.