Another question for you. Is it possible to change the height of the header so that there is less white space above the logo/menu on each page? Sorry if there is an easy, obvious fix but so far I haven't been able to find it!
Unfortunately, there is no option for that out of the box. You would need to manually customize the CSS to adjust that.
I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to help inspecting the elements on the page. Then you can know which CSS selector to adjust.
Please go to "Style Customizer > Others > Custom CSS" and try using this:
#root-container {
padding-top: 20px;
}
You can adjust the value here for the top padding.
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Hi Jennifer,
Unfortunately, there is no option for that out of the box. You would need to manually customize the CSS to adjust that.
I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to help inspecting the elements on the page. Then you can know which CSS selector to adjust.
Cheers,
Paul
Yes, this is something that I ouwl like as well. Too much lost real estate...
Just to let you know that I already responded to your ticket, Michiel. I'm going to close this one. :)
I'm trying to adjust this too. I have tried the following css in style.css but its not working:
#logo {
top: 10px;
}
Please go to "Style Customizer > Others > Custom CSS" and try using this:
#root-container { padding-top: 20px; }You can adjust the value here for the top padding.
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.