Merging header and slideshow with Brooklyn theme

Katiejackson41
Tourist
7 0 3

I would like my header to overlap on the slideshow. I had this in place but I don't know how I have changed it! Any help will be useful. 

0 Likes
Pallavi
Shopify Expert
1735 252 307

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
1735 252 307

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste bellow code in the bottom of the file

@media only screen and (min-width: 769px){
body:not(.template-index) .main-content {
padding-top: initial!important;
}
}
body:not(.template-index) .main-content {
padding-top: inherit!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Katiejackson41
Tourist
7 0 3

Thank you for helping. 

 

I entered the code into the bottom of /timber.scss.liquid- however it is still not working!

Are you still able to help?

0 Likes
Pallavi
Shopify Expert
1735 252 307

please share me screenshot !

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Katiejackson41
Tourist
7 0 3

D4200775-9C1C-4EA0-87BE-0F5371F12411.jpeg

0 Likes
Pallavi
Shopify Expert
1735 252 307

please share me header to overlap on the slideshow screenshot!.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
LitExtension
Shopify Partner
926 109 161

Hi @Katiejackson41

Do you want to look at your header like this screenshot: https://prnt.sc/11rkhuh?

If that's your idea. Please place this code at the end of the "timber.scss".

#shopify-section-header {

    position: sticky;

    top: 0;

    width: 100%;

    z-index: 100;

    background: #fff;

}

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