Motion Theme: Change Position Of Slideshow To Be Behind Header and Change colour of the Header Nav

Store Design
1

Hi everyone,
I need your help again with the following if thats ok?

I want to put my slideshow behind my header and change the navigation text and logo to the white alternative that I have set, all for that specific page. That way it’s smoother and the slideshow and header are intersecting making the page more seamless. The page I’m talking about: https://www.huio.io/pages/the-keyboard I am struggling to find the section to edit the code and also what kind of parameters need to be set with the slideshow template to be perfectly underneath the header.

2

@BejaySmith

Welcome to the Shopify community!
Thanks for your good question.

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

3

@BejaySmith Go to assetes/theme.scss.liquid and past below css at bottom of file.

.template-index .site-header {background-color: transparent; position: absolute;}
.template-index .site-header__mobile-nav {background-color: transparent;}
4

my store url: https://www.huio.io/

5

Sadly that did not work :disappointed_face: