We are Underground support

Create a 2 column page layout

Last Updated: Aug 24, 2016 01:25AM EDT
Using the framework that our themes are built on provides a very simple way to create 2 column pages within your store.
The following is designed to work in both: Pages and blog Posts from within your Shopify admin.

1. Open a Page or Blog post in your Shopify admin.
2. Add the content and images to your page.
3. On the top right of the Content window click on the < > ( show HTML ) Icon on the top right side


4. You are now editing the page within the HTML view and will see what your page looks like in code view.
5a. To create 2 equal columns which will be 50% width on Desktop and Tablet and then stacked on Mobile add this:

<div class="desktop-6 tablet-3 mobile-3">

     Add the Left side content here

</div>


<div class="desktop-6 tablet-3 mobile-3">

     Add the Right side contet here

</div>

5b. To create 2 columns where the left is 1/3 of the page and the right is 2/3 of the page use this:

<div class="desktop-4 tablet-2 mobile-3">

     Add the Left side content here

</div>

<div class="desktop-8 tablet-5 mobile-3">

     Add the Right side contet here

</div>

6. Click save when done - this will split that page into 2 columns when viewed on the customer side of the site.

 

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
retail@undergroundmedia.co.uk
http://assets0.desk.com/
false
undergrndmedia
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete