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

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

1 Like

@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!

1 Like

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

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!

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?

@dawgminded - please add this css for making price center

@media screen and (max-width:749px){
.price dd {margin: 0;}
}
1 Like

thanks!