How to add row with columns in website/theme

italdama · ‎11-18-2020

Hi,

I'm super new on this, but I'm trying to edit the theme of my store, I made an row with columns or element (responsive) that I would like to add to the website but I have no idea how to do it.
(the element created was following steps on the internet, I'm open to new proposals or suggestions)

https://puzzlebrands-com.myshopify.com/?_ab=0&_fd=0&_sc=1

<!DOCTYPE html>

<html>

<head>

<style>

* {

box-sizing: border-box;

text-align: center;

font-family: Roboto;

font-size: 12px;

max-height: 65px;

margin-top: 3px;

}

/* Create four equal columns that floats next to each other */

.column {

float: left;

width: 25%;

padding-top: 10px;

padding-bottom: 10px;

}

/* Clear floats after the columns */

.row:after {

content: "";

display: table;

clear: both;

}

/* Responsive layout - makes a two column-layout instead of four columns */

@media screen and (max-width: 900px) {

.column {

width: 50%;

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

.column {

width: 100%;

}

</style>

</head>

<body>

<p>CHOOSE FROM OVER 10.000 BRANDED PRODUCTS</p>

</div>

<p>DISCOUNTS UP TO 95% OF THE RETAIL PRICE</p>

</div>

<p>FAST AND RELIABLE DELIVERY</p>

</div>

<p>COVID-19: WE CONTINUE TO DELIVER</p>

</div>

</body>

</html>

How to add row with columns in website/theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links