Moving image/page content down on product page (Brooklyn theme)

Store Design
1

Hey,

Hoping someone can help…

I’m looking for a way to move the image/content down on the product page (Mobile View) as it’s too close to the header. (Screenshot attached)

I was hoping there was a way to move everything down, not just the image.

Any help would be much appreciated!

URL: https://www.notacard.com/products/diy-birthday-cake

Screenshot_20220628-233009_Samsung Internet.jpg
Screenshot_20220628-233009_Samsung Internet.jpg1440×2922 249 KB

1 Like
2

@DP_Development ANY IDEAS?

3

@mrjaengland

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 768px) {
.template-product .main-content {
    padding-top: 60px !important;
}
}