Dawn Theme: Center Featured Product on Mobile

Store Design
1

I feel like this should be a simple fix, but I am having a hard time figuring out exactly what needs to be modified and where…

I want to center the product title, text, price and quantity button in the Featured Product section on my homepage when in mobile view. It is all currently aligned to the left on mobile…using Dawn theme.

2

Hi @kylewitty ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 750px) {
  .featured-product-section .product__info-container {
    text-align: center;
  }
  .featured-product-section .product .price {
    justify-content: center;
  }
  .featured-product-section .product-form__quantity {
    margin: 0 auto;
  }
  .featured-product-section .product-form__quantity .quantity {
    justify-content: center;
    margin: 0 auto;
  }
}

I hope it would help you.