Site Layout

You customize site layout in Customize > Design > Site Layout.

Content width (px): Enter a number between 1020 – 1280. Default is 1080. Note that percentage value is not accepted.

Sidebar width (px): Enter a number, default is 265.

Sticky sidebar? Enable this if you want the sidebar to move along main content when your site readers scroll.

Wide and Boxed Layout

Fox is wide-layout by default. Enable boxed layout at Customize > Design > Site Layout > Site Layout, select “Boxed”.

Site Background

Note: background is only set for boxed layout. To set site background, please go to Customize > Design > Background. Make sure that you have enabled Boxed layout before.

To use background pattern instead of image, please use some pattern image. In the demo, we used a pattern downloaded from Subtle Pattern.

With pattern, you should set background size to Auto and Background Repeat to Repeat.

The inner background is the background of the content inside the box in boxed layout.

Sidebar Or Fullwidth

By default, Fox is right-sidebared. You can set sidebar position to the left, right or disable it (make it fullwidth). Because Fox is highly customizable so there’re addresses to change sidebar behaviour:

Homepage Sidebar: To change homepage sidebar state, go to Customize > Homepage Builder > Main Stream > Main Stream Sidebar.

Archive Sidebar: Go to Customize > Archives > Archive Layouts then change the sidebar position for each archive type you want (category, tag, search..)

Each individual category/tag sidebar: Go to edit category/tag screen then change Sidebar State there.

Post Sidebar: For global sidebar position that applies for all posts, go to Customize > Single Post > Single Post Layout > Sidebar. You can also change sidebar position for each individual post in each post edit screen, Post Settings > General tab.

Page Sidebar: For global sidebar position that applies for all pages, go to Customize > Page > Page Sidebar. You can also change sidebar position for each individual page in each page edit screen, Page Settings > General tab.

Shop Sidebar: Go to Customize > WooCommerce > Fox Options > Shop Sidebar. The WooCommerce section is only available when you’ve installed WooCommerce.