Story theme
Story v1
Story v1
  • Story theme documentation
  • Explore Story
  • Pages
    • Page navigation
    • How to use page templates
      • Story page templates when using a different theme
    • Contact page
    • Lookbook
    • Team
    • Timeline
  • Blogs
    • Blogs
    • Articles
  • Homepage Sections
    • Blog posts
    • Collection list
    • Featured collection
    • Image with text
    • Image with text overlay
    • Logo list
    • Slideshow
    • Featured product
    • Newsletter
    • Map
    • Page
    • Rich text
    • Team
    • Testimonials
    • Text columns with images
    • Timeline
    • Video
  • Collections
    • Collection filtering
    • Product stickers
    • Collection sorting
    • Badges
  • Header
    • Transparent header
    • Promotional announcement bar
    • Mega-menu navigation
    • Drop-down navigation
  • Products
    • Product tabs
    • Product long template
      • Product long template when using a different theme
    • Product image sizes
  • Settings
    • Tile decoration
    • Enable container
  • Updates
    • Story Releases
    • Check your theme version
    • How to download latest version
    • Migrating your settings
  • Tips
    • Where to make CSS changes
    • How to add a line break in your headings
  • Advanced
    • Story tutorials
    • Remove Shopify link in footer
  • Contact
    • Share preview link
Powered by GitBook
On this page
  1. Settings

Enable container

Use full-width or contained homepage sections in Story

PreviousTile decorationNextStory Releases

Last updated 4 years ago

Full-width sections including Image with text (banner) and slideshow will expand to the full size of desktop browsers.

To contain these sections and match with sections that are not full-width, you can use the Enable container option in the Layout settings.

Example of full-width sections combined with regular sections:

The difference may seem subtle on smaller or regular screens, they are more pronounced with large or wide displays and when scrolling through the homepage.

When contained, the full-width images match the size of other sections:

Example of contained homepage sections:

Full-width sections that can be contained:

  • Announcement bar

  • Header area

  • Navigation

  • Footer

  • Image with text overlay (banner)

  • Video section

  • Slideshow section

  • Timeline section

How to use

To enable contained sections, use the checkbox found in the Layout settings under Theme settings:

Full-width banner
All sections are equal width