Solved

Center 1 product title on Add to cart page for mobile on debut theme

dawgminded
Explorer
54 0 18

Hello, 

I need help getting the product title to be centered under the picture like the price on the 'add to cart' page for mobile view. I am using the debut theme. My URL and password are below. Thank you for any guidance. 

URL: dawgminded.com 

password: audio

 

addtocart.jpg

Accepted Solutions (3)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@dawgminded 

Please add the following code at the bottom of your assets/theme.css file.

.product-single__title{
text-align: center;
font-size: 27px;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @dawgminded 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 728px){
.template-product .product-single__title{
text-align: center;
font-size: 25px;
}
}

 

View solution in original post

suyash1
Shopify Partner
9078 1129 1479

This is an accepted solution.

@dawgminded - please add this css for making price center

@media screen and (max-width:749px){
.price dd {margin: 0;}
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 6 (6)

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@dawgminded 

Please add the following code at the bottom of your assets/theme.css file.

.product-single__title{
text-align: center;
font-size: 27px;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dawgminded
Explorer
54 0 18

That worked perfect for the product title, but now the price is a little off centered. How can the price be centered and how can I remove the 'Taxes included. Shipping calculated at checkout' line? Thanks!

 

addtocart.jpg

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @dawgminded 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 728px){
.template-product .product-single__title{
text-align: center;
font-size: 25px;
}
}

 

dawgminded
Explorer
54 0 18

That worked perfect for the product title, but now the price is a little off centered. How can the price be centered and how can I remove the 'Taxes included. Shipping calculated at checkout' line?

 

addtocart.jpg

suyash1
Shopify Partner
9078 1129 1479

This is an accepted solution.

@dawgminded - please add this css for making price center

@media screen and (max-width:749px){
.price dd {margin: 0;}
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
dawgminded
Explorer
54 0 18

thanks!