Sticky header overlaps page title Brooklyn Theme mobile

Solved
Emowa_Emowa
Excursionist
23 1 9

Please help. Sticky page overlaps page title. How do i push the page down?

Website: www.shopemowa.com

8db80892c00546a795ae819928ef4f14.jpeg

@Emowa_Emowa,

It's fine at my end.

Screenshot 2021-04-24 044520.png

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
dmwwebartisan
Shopify Partner
5842 1337 1714

This is an accepted solution.

@Emowa_Emowa 

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

@media screen and (max-width: 768px){
.main-content {padding-top: 160px !important;}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
LitExtension
Shopify Partner
687 68 120

Hi @Emowa_Emowa

Please place this code at the end of the "timber.scss" to solve your problem.

.page-container {

    padding-top: 121px;

}

 

@media screen and (min-width: 769px) {

.page-container {

    padding-top: 115px;

}

}

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Emowa_Emowa
Excursionist
23 1 9

It would work fine on a desktop but funky on mobile devices

0 Likes
Emowa_Emowa
Excursionist
23 1 9

Worked! Thanks

0 Likes