Mobile Responsive Page Building with Shogun.

Oct 3, 2016

By Nick Raushenbush

Mobile Responsiveness with Shogun

It's a mobile world, and mobile responsive design is a priority for any modern website. When we designed the drag and drop page building editor for Shogun, we kept mobile design top of mind. With a toggle feature to preview webpages on Mobile, and the ability to create separate experiences for webpages viewed on mobile versus desktop, Shogun's drag and drop page builder gives you the tools you need to optimize your website for mobile.

Here is a guide on best practices for making your webpages mobile responsive using our website editor.

Key Take-Aways

  1. Don't use widths and heights when styling drag and drop elements.
  2. Use margins and padding when styling drag and drop elements.
  3. Use display settings in the website editor to customize content for different screen sizes.
  4. Use the preview tools in Shogun to check how your page looks on all screen sizes.

Latest Posts

POSTED 11/28/2016

10 Top Ranked Shopify Apps with AMAZING Reviews

Read Post
POSTED 11/14/2016

4 Reasons Agencies Need A CMS For Client Projects

Read Post
POSTED 10/26/2016

9 Features of a Great eCommerce Homepage

Read Post