[DAWN THEME 5.0] reduce title font + product description to TAB + reduce padding mobile

Store Design
1

Hi there,

Could someone please assist me with the following small modifications for the 5.0 dawn theme?

These are all related to product page only

1.Product page > Reduce the font of product title

2.Product page > reduce top padding between header and image (for mobile only)
3.Product page > Move product description to a tab(aka accordion) and auto open first tab

4.Product page > How to force the image ratio of product pictures to square? (mobile only)

Pls note that these things can’t be changed in the settings, or at least not how I want it.

Thank you in advance!

1 Like
2

@shopfashion

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Just sent you a DM. Thnx for looking into this. Really need these adjustments.

1 Like
4

@shopfashion

try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product__title h1 {
    font-size: 24px;
}
@media screen and (max-width: 749px) {
.section-template--15542037938368__main-padding {padding-top: 10px !important;}
}
1 Like
5

Awesome job, first 2 requests are resolved, thnx!

1.Product page > Reduce the font of product title (RESOLVED)

2.Product page > reduce top padding between header and image (for mobile only) (RESOLVED)

Could you also assist me with the other 2 requests?

3.Product page > Move product description to a tab(aka accordion) and auto open first tab

4.Product page > How to force the image ratio of product pictures to square? (mobile only)

1 Like
6

@shopfashion

yes other thing possible to customization change if you need please send DM Details

7

DM sent