Move product headings above image

Site URL: https://www.tommystips.com.au/store-services

Hi SS trust,

I'm trying to get the headings and price descriptions for all products to sit above the images on my product page:
https://www.tommystips.com.au/store-services

PW: SOME2021@

Any help would be much appreciated. Thanks!

RAD.

On 7/12/2021 at 8:20 AM, RAD_Design said:

Site URL: https://www.tommystips.com.au/store-services

Hi SS trust,

I'm trying to get the headings and price descriptions for all products to sit above the images on my product page:
https://www.tommystips.com.au/store-services

PW: SOME2021@

Any help would be much appreciated. Thanks!

RAD.

Hi. I see title, des above images here. It looks like you solved?

Thanks @tuanphan I created an alternate layout using blocks to do it myself. I tried a whole bunch of code but couldn't get it to work.

Thanks anyways.

On 7/12/2021 at 8:20 AM, RAD_Design said:

Site URL: https://www.tommystips.com.au/store-services

Hi SS trust,

I'm trying to get the headings and price descriptions for all products to sit above the images on my product page:
https://www.tommystips.com.au/store-services

PW: SOME2021@

Any help would be much appreciated. Thanks!

RAD.

Add to Design > Custom CSS

/* product name above image */
.products.collection-content-wrapper .grid-item.is-loaded {
    display: flex;
    flex-direction: column-reverse;
}
figure.grid-image {
    margin-top: 10px !important;
}

Ah, yes! That worked perfectly.

@tuanphan thank you for your help as always! Really appreciate it.

Cheers.

On 7/15/2021 at 10:56 AM, RAD_Design said:

Ah, yes! That worked perfectly.

@tuanphan thank you for your help as always! Really appreciate it.

Cheers.

Hi. Do you need to fix these?

Site URL – https://www.tommystips.com.au/?password=SOME2021@

1. (Mobile – Quick view) Increase content width?

https://www.tommystips.com.au/store-services/?password=SOME2021@

2. (Desktop – Program) Scroll bar at the bottom of page.

https://www.tommystips.com.au/store-services/p/6-month-training-program/?password=SOME2021@

3. (Tablet – Program) On desktop, the entire image can be seen. On tablet, the image is partially cropped.

https://www.tommystips.com.au/store-services/p/6-month-training-program/?password=SOME2021@

4. (Mobile – Footer) On desktop, you can see the logo in the footer. On mobile, there is no logo in the footer.

https://www.tommystips.com.au/?password=SOME2021@

5. (Mobile – Term and conditions) Page is too long. Add button Back to top?

https://www.tommystips.com.au/terms-and-conditions/?password=SOME2021@

6. (Tablet – Footer) Text Term and conditions is cut into 2 lines.

https://www.tommystips.com.au/?password=SOME2021@

7. (Tablet – Menu) Align social icons?

https://www.tommystips.com.au/?password=SOME2021@