How to remove padding between sections on homepage - EMPIRE Theme

Store Design
,

Topic summary

A user seeks to reduce excessive padding between sections on their Shopify store’s homepage using the Empire theme.

Solution Provided:

  • Add custom CSS through Shopify > Theme > Customize > Settings > Custom CSS
  • The CSS targets .home-section and .home-section--title elements
  • Uses media queries for screens 1024px and wider
  • Sets top and bottom margins to 1.25rem

Current Status:

  • Desktop solution confirmed working
  • User requests additional help for mobile view optimization
  • Discussion remains open for mobile responsiveness adjustments
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
5

Thank you! This worked great.