Full-Width Browser

We've built in options for you to present a full-width browser experience to your viewers. Just follow the instructions below.

Site Width

Your first option is to simply play with changing the site width. Standard is 980 pixels wide, but you can adjust that all the way up to 1400 pixels wide, although 1200 pixels wide is our favorite. You'll see the dropdown setting in the SNO Design Options -> Appearance -> Website Width.

Adding Full Browser Width Widgets

Another way to incorporate full-width components onto your website is by using widgets. The widgets named below can be set to display in this way, as long as they are placed into a full width widget area.

Adding a Full Browser Width SNO Story Carousel Widget

1. Click on Widgets under the Appearance tab on the left navigation bar in the WordPress dashboard.
2. Open the Widget Area where you would like to place the SNO Story Carousel Widget (on the right side of the page).
3. Drag the SNO Story Carousel Widget from the left hand side of the page into the Widget Area.
4. Click on “Show Advanced Design Options” within the widget settings page.
5. Select the option to “Extend Carousel to Full Browser Width.”
6. Click Save.

Adding a Full Browser Width SNO Story Parallax Widget

1. Click on Widgets under the Appearance tab on the left navigation bar in the WordPress dashboard.
2. Open the Widget Area where you would like to place the SNO Story Parallax Widget (on the right side of the page).
3. Drag the SNO Story Parallax Widget from the left hand side of the page into the Widget Area.
4. Click on “Show Advanced Design Options” within the widget settings page.
5. Select the option to “Extend to Full Browser Width.”
6. Click Save.

Adding a Full Browser Width SNO Story List Widget

1. Click on Widgets under the Appearance tab on the left navigation bar in the WordPress dashboard.
2. Open the Widget Area where you would like to place the SNO Story List Widget (on the right side of the page).
3. Drag the SNO Story List Widget from the left hand side of the page into the Widget Area.
4. Click on “Show Advanced Design Options” within the widget settings page.
5. Click on “Activate Outer Design Options.”
6. Select the option to “Extend Outer Background to Full Browser Width.”
7. Click Save.