Hi @tanmay0713
It looks like you’re using Storefront Powerpack to add some styles to the header.
To remove the whitespace below it, make sure that you set the bottom margin to 0 (you currently have it set to 67px).
Hi Senff,
thank you for your reply and support, I have set the margin to 0 thereafter I added a snippet
add_action(‘template_redirect’, ‘remove_page_breadcrumbs’ );
function remove_page_breadcrumbs(){
remove_action( ‘storefront_before_content’, ‘woocommerce_breadcrumb’, 10);
}
and CSS code
.storefront-breadcrumb {
padding-top: 0px !important;
}
still a tinny margin is there please take a look at
https://staging-www.yooobid.com/elementor-2516/
Kindly suggest as I have to customized these pages for mobile view
Kind Regards
Vipul Arora
Are you referring to this gap here?

If that’s the case, then that gap is coming from the 10px padding that the Elementor block has:

(click to enlarge)
To remove that, you’ll need to check this in the settings of that Elementor block.
Thank you so much Senff for your wonderful support always, you are a genius 🙂 I will adjust these settings.
Kindest Regards
Vipul Arora