Debut theme - I'd like to add 3 columns to pages via html

Aaron_Robbins
Visitor
3 0 0

I can see someone has asked this same question regarding two columns and (very kindly) they were given some html code to use.

I would be super grateful if someone could please help me with some html code that would allow me to add three columns to pages in the debut theme.

Thanks in advance!

Replies 5 (5)

oscprofessional
Shopify Partner
15830 2369 3071

Hello 
For home page product display you can change column like this:
40.jpg41.jpg42.jpg

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Aaron_Robbins
Visitor
3 0 0

Thanks for your reply, but that is not what I need.

As mentioned, I require some html code to add in the pages section to create 3 columns.

oscprofessional
Shopify Partner
15830 2369 3071

Use this HTML

<div class="page-width">
<ul class="grid grid--uniform grid--view-items">
    
      <li class="grid__item  small--one-half medium-up--one-third">
  
  <-- Your content -->

      </li>
    
      <li class="grid__item  small--one-half medium-up--one-third">
   
   <-- Your content -->

      </li>
	  
      <li class="grid__item  small--one-half medium-up--one-third">
  
   <-- Your content -->

      </li>
    
  </ul>
  </div>
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Aaron_Robbins
Visitor
3 0 0

Thank you!!

Bogi2
Excursionist
17 1 1

How do you make it responsive on mobile?