Debut theme - Center product title, price and 'Tax + shipping'

Highlighted
Explorer
68 0 12

Hi,

 

I'm using Debut and my URL is findsteals.com. Does anyone have code to center the product title, price and the text of ''Tax included.'' and ''Shipping calculated at checkout'' (which I changed to ''You're eligible for free shipping'')?

 

Need it on mobile only, and I'm referring to the product page. Not any other pages. Thanks!

0 Likes
Highlighted
product-single__title 
 
 
 
media only screen and (max-width: 749px)
 
h1, .h1 {
 text-align: center;
Shopify Store Setup
Customize Shopify Theme
Develop Custom Shopify App

For any Shopify Developments : http://expertsinshopify.com
0 Likes
Highlighted
Excursionist
18 7 10

Hello 

 

to your theme dashboard and choose edit code:

step3.PNG

then scroll down to the sections folder and choose  product-template.liquid

then paste this code at the top of this file then save

2step.PNG

 

<style>
@media only screen and (max-width: 749px){
   .product-single__meta {
         text-align: center !important;
       }
       .product__price {
              display: inline-block !important;
      }
}
</style>

Best regards

 

 

 

1 Like