Mobile Responsiveness

Learn how to make your pages look great on both desktop and mobile.

  1. Don't use widths and heights.
  2. Use margins and padding.
  3. Use display settings to customize content for different screen sizes.
  4. Use the preview tools to check how your page looks on all screen sizes.

Latest Tutorials


Learn how to position and style buttons in Shogun's drag and drop page builder.

Read Tutorial

Full Width Box Element

Use the Box element in Shogun to create a full width layout on your page.

Read Tutorial

How to create a page

Simple tutorial on how to create a basic page in Shogun, save it, and see the preview of what it will look like live.

Read Tutorial