Center Align Product Title In Mobile Version (Dawn)

Hello Everyone,

I need help centering my product title. I have tried a lot, but still haven't found the solution.

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hey @Thomassen1999
Kindly share your Store URL and Password if enabled

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base and paste this at the bottom of the file:
@media (max-width: 768px) {
.product__title {
text-align: center;
}
}

Just sent it to your email, thank you
support@zestard.com

Should it be inserted at the bottom of base . css

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base and paste this at the bottom of the file:
.product-form__input.product-form__input--dropdown {
    text-align: center;
    justify-content: center;
    margin: a 0;
    margin: 0 auto;
}
.product-form__input.product-form__input--dropdown .select {
    margin: 0 auto;
}

quantity-input.quantity {
    margin: 0 auto;
}
div#Quantity-Form-template--18567874511195__main {
    margin: 0 auto;
}
.product__title h1 {
    margin: 0 auto;
    text-align: center;
}

Hello @Thomassen1999

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__title {
    text-align: center !important;
}