Hi @meervdnick,
I hope you are well today and thank you for your question.
You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.
Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS
#page span.site-name a.navbar-brand {
display: block;
}
span.site-name {
display: block;
width: 250px;
margin: 0 auto;
max-width: 100%;
}
.container.main-content-area {
margin-top: 0;
}
header.entry-header.page-header {
margin-top: 0;
}
Best Regards,
Vinod Dalvi
Thank you very much. I managed to decrease the space between the logo and the slider but it’s not gone. There are two lines underneath te logo. Is there any way to remove this so the slider is going up even more?
Thanks you!
Best regards,
Nick
Thank you very much. I managed to decrease the space between the logo and the slider but it’s not gone.
I visited your shared site and found you are using following custom CSS code on your site that contains some extra braces which is wrong.
.navbar-default .nav-search {
display: none;
}
.navbar-default .navbar-collapse {
float: none;
margin: 0 auto;
display: table !important;
}
#logo { padding: 0; }
}
#page span.site-name a.navbar-brand {
display: block;
}
span.site-name {
display: block;
width: 250px;
margin: 0 auto;
max-width: 100%;
}
.container.main-content-area {
margin-top: 0;
}
header.entry-header.page-header {
margin-top: 0;
}
The correct code is as following.
.navbar-default .nav-search {
display: none;
}
.navbar-default .navbar-collapse {
float: none;
margin: 0 auto;
display: table !important;
}
#logo { padding: 0; }
#page span.site-name a.navbar-brand {
display: block;
}
span.site-name {
display: block;
width: 250px;
margin: 0 auto;
max-width: 100%;
}
.container.main-content-area {
margin-top: 0;
}
header.entry-header.page-header {
margin-top: 0;
}
There are two lines underneath te logo. Is there any way to remove this so the slider is going up even more?
Use the below custom CSS code to remove those lines.
#masthead #line {
display: none;
}
header.entry-header.page-header {
border: 0;
}
You are most welcome here 🙂