Make slideshow/header full size & transparent on custom page - Narrative

Solved
Highlighted
Tourist
9 0 0

I have created a custom page which I want to use as a landing page: https://morosova.com/pages/elegance

It will begin just as my homepage but will be geared towards just one product.

So, I want to make the slideshow just as it is on the homepage, full screen & transparent header with the scrolling type effect

Any help will be greatly appreciated, had to turn off my ads while I sort this out so it's been eating me up trying to figure out the solution!

 

0 Likes
Highlighted
Shopify Partner
597 86 127

This is an accepted solution.

On that page, find this selected div and remove it

paramSoft_0-1603354610036.png

 

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
Highlighted
Tourist
9 0 0

Legend, width sorted, any way to make the header transparent/stickyish like it does by using slideshow on home page? 

0 Likes
Highlighted
Shopify Partner
597 86 127

This is an accepted solution.

.main-content {
margin-top: -50px;
}
.site-header__wrapper {
background-color: transparent;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
Highlighted
Tourist
9 0 0

Sorry, where would this go? 

0 Likes
Highlighted
Shopify Partner
597 86 127

At the end of assets -> theme.scss

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
Tourist
9 0 0

perfect! Sorted thank you. Had to adjust margin top to -80 but worked a treat

0 Likes