Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

LAYOUT

Annie

Written by Annie

Last updated

2567 views

On this page


From Theme Settings -> Layout

1. Site Width

This section allows you to adjust layout for the whole store and you can select between these options:

  1. Full width

  2. Boxed

  3. Content full width

  4. Wide (1600px)

  5. Custom width

Let see an example:

2. Site background

Only set the background color & image with “BOXED” layout.

  • Select color: You can change color for your background.

  • Background image: Change background image by Select image > Upload.

spaces_tdDF4h55NE3bVEDpck0F_uploads_RhavTFysvTQqKp0Mj5MM_image.webp

2.1. Background repeat

There are various styles of background repeat. Go here to find more.

2.2. Background size

You can choose among default, contain, inherit, cover. Go here to find more.

2.3. Background attachment

You can choose among fixed, scroll, inherit. Go here to specify whether the background images are fixed or scrolls with the rest of the page.

2.4. Background position

You can choose among default, left top, left center, etc. Go here to specify the position of the background images.

Reveal sections on the scroll

The effect of revealing each section as you scroll down is enabled in Theme Settings -> Layout -> Animations.

The sections will start displaying with effects when you scroll down.

animations.gif

Please check this video to understand the functionality of this feature.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.