Hi nikolas27
Thanks for getting in touch with us.
Could you please share your website URL or screenshot so I can take a look and provide a proper solution.
Thank you
https://ibb.co/9gzqjxQ
Hello,
Thanks for your response.
1) how can i reduce the height of the header?
2)how can i reduce the gap (the white space) between the header and the first post?
Thanks a lot in advance
Hi nikolas27
Sorry for the inconvenience.
I need your site URL then we can help you better.
Because that screenshot was not helpful for us.
Thanks
Hello,
The url is http://www.goingout.gr
I would appriciate your help with the following tasks:
1) Reducing the white space between the header and the “first post” on mobiles.
2) Reducing the height of the header.
Thanks a lot in advance 🙂
Hello nikolas27
To reduce the height of the header, Please add the following CSS code in custom CSS field (Theme dashboard -> Appearance -> Customize -> General settings -> Custom CSS Field.)
body.blog #section {
padding-top: 20px;
}
@media (max-width: 768px) {
.navbar-brand {
padding: 10px 0px;
}
.navbar-toggle {
margin: 10px 15px 10px 0px;
}
}
Change the value of the header height as per the need.
Let me know if it works..!
Thanks
Hello, It worked like a charm.
Thank you very much,
All the best
-
This reply was modified 5 years, 2 months ago by nikolas27.
Hi nikolas27
I’m really glad to hear I was able to help. I hope you enjoy the Dream Spa theme.
Please let me know if you have any other issues. We’re happy to help.
If you are happy with our theme or help you can always provide us with a review here https://wordpress.org/support/theme/spasalon/reviews/#new-post
Have a good day.
Thank You.
Hello again,
The code above works on the main page only.
How can i make this work on other pages too? for instance on post pages.
Thanks a lot in advance
Hi nikolas27
Kindly create a separate thread for your another query then we can help you better. Because this thread has already resolved.
Thanks