Main Issue:
Users are seeking to reduce excessive white space on various pages in their Shopify stores, primarily using the Spotlight and Brooklyn themes.
Original Problem (Spotlight Theme):
div#WebPixelsManagerSandboxContainer with display: contents !important; to the theme’s CSS fileRelated Issues Resolved:
Mobile Header Spacing (deezaorganics):
display: flex to .header-wrapper class to center-align elementsBrooklyn Theme Spacing (ChevalDore):
margin-bottom: 0px and margin-top: 0px on specific grid elementsStatus: Most issues resolved with custom CSS solutions. Original poster’s intermittent problem remains unclear.
Hey folks! I’m looking to remove some white space in my Spotlight Theme. Right now the page “contact us” has a large amount of white space under the Title. I would love to remove some of it so that it’s not so big. Can anyone tell me where/ how to do that? I’ve tried to find the spot in the page.contact.json but haven’t had luck
Do you know this can be done?
Thank you!
Hi @smd61
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
yeah of course
URL-gleamweb.com
Password-peofla
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#WebPixelsManagerSandboxContainer {
display: contents !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Sorry, need to wait a minute, it’s works
Would you mind to share the password again? Thanks!
Hi, Can you help with mine please. The space between my header and heading on the mobile site is too big, How do i reduce it please ?
Would you mind to share your store URL? Thanks!
sure. It’s www.deezaorganics.com
Yes please. The space between the logo and Botanical Powders
Thanks, I’ve already check it. This is the header height. It already overide so what you can do is to locate this code in the base.css.
But if you lesser the size this would be result;
What I can suggest is to make it display: flex so it would align on the center of social bar and the title.
.header-wrapper {
display: flex;
}
And the result is like this.
But still your choice.
if you make it like this its not a user friendly, the costumer would be confuse where they will click first.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thanks a lot! it worked! im trying out both options.. The flex option had the heading too close to the header so i want to try the other one and get customers to try it out. I’ll also reduce the font of the text.
God bless you!
For changing the heading font, Im guessing I need a CSS code. Can you help please?
Welcome, Yes check what is the best suits for you. Please dont forget to Likes. Thanks!
Hi @Made4uo-Ribe + @smd61
quick question to a similar topic - maybe you could help me out please?
I would love to delete some of the spacing on my About US pages. (Theme: Brooklyn) Attached are two screenshots.
https://www.chevaldore.com/pages/aboutus
https://www.chevaldore.com/pages/our-gift-to-you-24-month-warranty
Do you have any idea how to change the HTML or the code of the theme?
Kind regards in advance
Julian 
Yeah, sure. Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.grid__item.large--four-fifths.push--large--one-tenth h2 {
margin-bottom: 0px;
}
.grid__item.large--five-sixths.push--large--one-twelfth .section-header {
margin-bottom: 0px;
}
And Save.
Result:
Note: You can paste in the theme.scss.css if you dont find the above mention files.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Mate @Made4uo-Ribe you are truly amagican! 
Thank you so much it worked straight away. Thanks heaps!! God bless you and I wish you an amazing day !
Saludos Julian
