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

Solved
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

dmwwebartisan
Shopify Partner
8349 1963 2642

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 | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
1889 489 1170

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;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
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

0 Likes
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

0 Likes
suyash1
Shopify Partner
3225 360 530

This is an accepted solution.

@dawgminded - please add this css for making price center

@media screen and (max-width:749px){
.price dd {margin: 0;}
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
dawgminded
Explorer
54 0 18

thanks!

0 Likes