Random blocks on website that cant be changed.

[LovroVolaj]

I have a problem. When I create a random page there appears a random block, that isnt colored as a color scheme that I choose, and cant be deleted. I dont find any solution so this is my last hope. Here is the screenshot of the problem. When I check the Google dev for which section is the block part of it appears to be part of the header. 
Thank you for feedback! 

[goldi07]

Hello @LovroVolaj 

It looks like there's an unwanted block (possibly an empty section or extra padding) in your Shopify theme, likely related to the header. Here’s how you can troubleshoot and fix it:

1. Check the Theme Editor (Online Store > Themes > Customize)
.Go to Online Store > Themes > Customize.

.Navigate to the affected page and look for any empty sections in the header or above the main content.

.If you find any, try removing or adjusting them.

2. Inspect and Adjust the Header Code
Since Google DevTools shows the block is part of the header, follow these steps:

a) Edit the Header Section
1.Go to Online Store > Themes > Edit Code.

2.Open header.liquid inside the Sections folder.

3.Look for any unnecessary <div> or <section> elements that might be causing the issue.

4.If you see an empty <div> with padding or background, remove it or set display: none;.

b) Adjust Header Styling in CSS
If you can’t find anything in Liquid files, try hiding it with CSS:

.header::after {
    display: none !important;
}

or

.header {
    margin-bottom: 0 !important;
}

3. Check for an Unused Announcement Bar
If your theme has an announcement bar, but it’s turned off, sometimes an empty space remains. Try enabling it and then disabling it again.

4. Look for Apps Injecting Extra Code
Some apps inject extra elements in the header. To check:

. In DevTools, find the element and see if it’s inside a <div> with a class like app-block or script-injected.

. If so, disable recently installed apps one by one to see which one is causing it.

Thankyou 😊