How to center varient picker and product title

Site https://zme5mhfrt2d9tsyh-66962194658.shopifypreview.com/products_preview?preview_key=1e308c8e2d776cde53558a2704def50f

pass: BOBS

1 Like

Hi @AMOB ,

I understand you want to center the product title and the variant options. You can achieve this by following the instructions below.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
.product__title {
    text-align: center;
}

variant-selects.no-js-hidden {
    display: flex;
    flex-direction: column;
    align-items: center;
}

did not work

Hi @Zotic

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

  • Go to Online Store->Theme->Edit code theme.liquid paste my code before element
@media(max-width:767px){ .product__title { text-align: center; } variant-selects.no-js-hidden { display: flex; flex-direction: column; align-items: center; } }

Hope my solution works perfectly for you!

Best Regards;

PageFly