How can I reduce white space in my Spotlight Theme contact page?

Store Design
, , ,

Topic summary

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):

  • Large white space appears under the “Contact Us” page title
  • Initial solution provided: Add CSS code targeting div#WebPixelsManagerSandboxContainer with display: contents !important; to the theme’s CSS file
  • User reported intermittent functionality, but the thread doesn’t show final resolution for this specific case

Related Issues Resolved:

Mobile Header Spacing (deezaorganics):

  • Excessive space between logo and page heading on mobile
  • Solution: Apply display: flex to .header-wrapper class to center-align elements
  • User confirmed it worked but noted concerns about heading proximity

Brooklyn Theme Spacing (ChevalDore):

  • Multiple instances of unwanted spacing on About Us and other pages
  • Solutions provided through targeted CSS adjustments:
    • Setting margin-bottom: 0px and margin-top: 0px on specific grid elements
    • Code added to base.css, style.css, theme.css, or theme.scss.css files
  • User confirmed successful implementation across multiple pages

Status: Most issues resolved with custom CSS solutions. Original poster’s intermittent problem remains unclear.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
3

yeah of course
URL-gleamweb.com
Password-peofla

1 Like