I was wondering how I should go about decreasing the header height. We want more space for "above the fold". Our website doesn't really work with the left sidebar menu.
Is there a simple way to decrease the height of the header?
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though
First of all there is an extra height because your logo image has paddings inside the image you must crop the image without paddings (see video).
Then to decrease the height of the elements that you had in your screenshot you can add the code below to your Custom CSS area:
Hi,
I was wondering how I should go about decreasing the header height. We want more space for "above the fold". Our website doesn't really work with the left sidebar menu.
Is there a simple way to decrease the height of the header?
Hi Phil,
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though
First of all there is an extra height because your logo image has paddings inside the image you must crop the image without paddings (see video).
Then to decrease the height of the elements that you had in your screenshot you can add the code below to your Custom CSS area:
.oxygen-top-menu>.wrapper>.top-menu>.main .tl-header { padding: 10px 0 !important; } .oxygen-top-menu>.wrapper>.main-menu-top { margin-bottom: 15px !important; } .woocommerce .woocommerce-products-header { padding-top: 15px !important; padding-bottom: 15px !important; margin-bottom: 15px !important; }