Brooklyn theme: fix padding between sticky header and pages

Store Design
1

Hi, I want to reduce the padding between my sticky header and page titles on my iPhone and iPad. If you visit https://shoplineagejewelry.com/pages/contact on mobile, the white space is very big. However, if you go on our collection pages, the titles look fine. The store password is ‘beckew’

IMG_9694.jpg
IMG_9694.jpg1242×2688 140 KB

2 Likes
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 767px){
#contact-us header.section-header.text-center {
margin-top: 0 !important;
}
}
3

@adthai

Please add the following CSS code to your assets/theme.scss.liquid bottom of the file.

@media only screen and (max-width: 767px){
#contact-us header.section-header.text-center {
margin-top: 0 !important;
}
}

Thanks!