I’m trying to remove the white space below the header on my homepage only, so that the header and the cover image touch. The header padding is fine on the rest of the pages.
How do I do this?
]]>1) When I adjust Header | Main Header | Style | Padding, the padding displays properly in preview mode, but there is no padding on the live version. Currently, the padding is set to 30, but I could change it to 3000 and it would display the same.
2) When I set the Site Header Hero Type to Image, the image displays directly after the masthead/menu rather than layered underneath it.
Here is a screenshot that shows both issues:
https://drive.google.com/file/d/1-tp7VcQKL1UKvbEZG0YcBmJU9u-VgI9U/view?usp=sharing
I tried disabling all plugins and that made no difference. I also deleted and re-installed the theme, but the problem persists.
Thanks in advance for your help!
]]>I tried some CSS codes but didn’t worked.
.site-header-main {
padding-top: 0;
padding-bottom: 0;
}
.site-content {
padding-top: 0 !important;
}
I am unable to set padding-bottom in the header section, as the blog entries are too sticky above and touching the website logo. Please let me know how I could create space to look it good. The same case is also on a single blog page.
Regards,
Jay
I haven’t really noticed when this exactly started happening, but it wasn’t an issue before I remember for sure.
Maybe after the WordPress update, or something, but the banner is currently cutting off my product page, and making the page (product) title and some other options not visible.
I don’t know where to start. I tried making the theme “Woocommerce compatible” if it wasn’t before, by duplicating “page.php” file, and renaming it to woocommerce.php, and removing the loop (while posts exists, etc), and adding the <?php woocommerce_content(); ?>, just to try if it works, it didn’t.
I don’t know what to try next. I am not exactly very skilled coder, I just have basic and moderate knowledge just to maintain and moderate my website 
Thanks for help!
]]>https://australian-immigration.info/guide
How can I remove this without effecting any other pages?
]]>This is my site: jasminecross.co.uk
Please can I have some coding that will decrease the size of the padding between the items I have at the top of the page (logo & menu) and the thumbnails of my work. The white space is too big and looks a bit odd.
Thanks
]]>I’d ideally like to remove/reduce the huge spacing under the header image on my website:
https://www.realbeing.co.uk/shipping/
Thank in advance!
]]>Here is the Stylesheet code:
#main-header { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 60px; }
#main-header:before { content: ”; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
.container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
Here is the header code from the Theme Header php:
<body <?php body_class(); ?>>
<?php do_action(‘et_header_top’); ?>
<header id=”main-header”>
<div class=”container clearfix”>
<?php do_action(‘et_header_menu’); ?>
<nav id=”top-menu”>
<?php
Would welcome any tips on what to add to my custom CSS to remove the padding around the header image!
]]>