7.1 Full Bleed Slideshows

On 6/2/2020 at 4:32 PM, tuanphan said:

Add to Home > Design > Custom CSS

.homepage .header-announcement-bar-wrapper {
    background: transparent !important;
    position: absolute !important;
}

 

tuanphan, I did have a question about this: this code worked perfectly for getting the slideshow under the header. However, when you scroll down the page, the header doesn't gain the background color like it does on other pages on my site. Is there any way to fix that? jenterpstra.com is my website. You can see the difference of how the header looks on scroll on the home page vs the blog page, for example.

8 hours ago, JenTerpstra said:

tuanphan, I did have a question about this: this code worked perfectly for getting the slideshow under the header. However, when you scroll down the page, the header doesn't gain the background color like it does on other pages on my site. Is there any way to fix that? jenterpstra.com is my website. You can see the difference of how the header looks on scroll on the home page vs the blog page, for example.

You mean

You want, on homepage, when scroll, header will change to black background, same as blog header?

hello, i am also interested in this answer! I have solved the transparent header but would like the colour back when you scroll & settle down the page. thank you! 

On 10/13/2021 at 12:15 PM, Jules_Designsthings said:

hello, i am also interested in this answer! I have solved the transparent header but would like the colour back when you scroll & settle down the page. thank you! 

Can you share site url?

4 hours ago, tuanphan said:

Can you share site url?

https://dragonfly-drum-g8n7.squarespace.com/config/ pasword is: joyfilled

thank you!!

On 10/13/2021 at 12:15 PM, Jules_Designsthings said:

hello, i am also interested in this answer! I have solved the transparent header but would like the colour back when you scroll & settle down the page. thank you! 

Add to Design > Custom CSS

header#header.shrink {
    background-color: black !important;
}

On 10/17/2021 at 6:35 PM, tuanphan said:

Add to Design > Custom CSS

header#header.shrink {
    background-color: black !important;
}

thank you so much! However it is not working unfortunately. I tried a few differnt things but cant get it to work. Any ideas what I am doing wrong? thank you! 

7 hours ago, Jules_Designsthings said:

 

I tested & It works here. Can you add & keep the code? We can check again easier

Yes, I would like the color to become solid upon scroll. I tried the code you suggested for Jules and it did not fix the home page. I've left the code there for now in case you want to check it again. jenterpstra.com

header#header.shrink {
    background-color: black !important;
}

On 10/20/2021 at 10:53 PM, JenTerpstra said:

Yes, I would like the color to become solid upon scroll. I tried the code you suggested for Jules and it did not fix the home page. I've left the code there for now in case you want to check it again. jenterpstra.com

 

header#header.shrink {
    background-color: black !important;
}

What is your site url?

@tuanphan Can you help me out with this problem? I'd like to have a slideshow that has full bleed under the header/navigation bar. I've used this code so far:

.homepage .header-announcement-bar-wrapper {
    background: transparent !important;
    position: absolute !important;
}

But it cancels out the 'Fixed Position' 'Scroll Back' feature. I'd like it so that when you scroll further down then page and scroll back up the header pops up again. Can you help?

https://www.benjiantonio.com

Pw: 1234

On 12/29/2021 at 6:35 PM, BenjiA said:

@tuanphan Can you help me out with this problem? I'd like to have a slideshow that has full bleed under the header/navigation bar. I've used this code so far:

.homepage .header-announcement-bar-wrapper {
    background: transparent !important;
    position: absolute !important;
}

But it cancels out the 'Fixed Position' 'Scroll Back' feature. I'd like it so that when you scroll further down then page and scroll back up the header pops up again. Can you help?

https://www.benjiantonio.com

Pw: 1234

Anwered your mail. You can check again.

@tuanphan I'm having the same issue with losing the scroll-back feature after implementing the slideshow behind the header. Is there additional code I can use to counter this? 

On 2/9/2022 at 10:16 PM, rbakerco said:

@tuanphan I'm having the same issue with losing the scroll-back feature after implementing the slideshow behind the header. Is there additional code I can use to counter this? 

Hi. What is your site url?

On 10/20/2021 at 8:50 PM, tuanphan said:

I tested & It works here. Can you add & keep the code? We can check again easier

Hello again!

I am revisiting this, would it be ok if you could look into my code for me please, for the colour of the header to scroll back when you move down the page and rest? I have made a trial site to check it: 

mango-dolphin-bcgx.squarespace.com

password: help 

thank you so much! 🙂 

5 hours ago, Jules_Designsthings said:

Hello again!

I am revisiting this, would it be ok if you could look into my code for me please, for the colour of the header to scroll back when you move down the page and rest? I have made a trial site to check it: 

mango-dolphin-bcgx.squarespace.com

password: help 

thank you so much! 🙂 

Can you enable Fixed Header when edit Site Header? You need to enable it to make class name ".shrink" appear

1 hour ago, tuanphan said:

Can you enable Fixed Header when edit Site Header? You need to enable it to make class name ".shrink" appear

hello!
I think it was already enabled - if the below is what you mean? thank you!

On 3/31/2022 at 4:04 PM, Jules_Designsthings said:

hello!
I think it was already enabled - if the below is what you mean? thank you!

Use this new code

header#header.shrink .header-announcement-bar-wrapper {
    background-color: #e0a456 !important;
}

On 4/2/2022 at 7:54 PM, tuanphan said:

Use this new code

header#header.shrink .header-announcement-bar-wrapper {
    background-color: #e0a456 !important;
}

 

It worked! THANK YOU SO MUCH! 

On 12/31/2021 at 9:52 PM, tuanphan said:

Anwered your mail. You can check again.

Hi @tuanphan I too would love to have my scroll back feature to remain. Thanks so much for all your help!

On 4/4/2023 at 3:39 AM, LocalYokels said:

Hi @tuanphan I too would love to have my scroll back feature to remain. Thanks so much for all your help!

What is site url?

Hi @tuanphan thanks so much for reaching out! My site url is https://www.localyokelstrading.com/shop-all

15 hours ago, LocalYokels said:

Hi @tuanphan thanks so much for reaching out! My site url is https://www.localyokelstrading.com/shop-all

You mean keep this when scroll down?

Hi @tuanphan no, I was talking about how when you scroll down the menu bar doesn't disappear and then reappear when you scroll back up like it should. Honestly for just this one page it has grown on me so I'm fine with leaving it. 

I am however wanting to remove the blank space next to the one of my shop pages. I didn't know that all the shop setting were linked when I made another. The problem is when I change the categories to be viewed at the top and not on the side, this space goes away. The catch is that it then changes my other shop on my site and I really need that one to be keep it's categories on the side. 

This is the page https://www.localyokelstrading.com/spitfire and I need the "Learn more & Shop now!" section to be centered and not have the blank categories area on the left. 

Thanks so much for your help and time!  

On 4/20/2023 at 11:48 PM, LocalYokels said:

Hi @tuanphan no, I was talking about how when you scroll down the menu bar doesn't disappear and then reappear when you scroll back up like it should. Honestly for just this one page it has grown on me so I'm fine with leaving it. 

I am however wanting to remove the blank space next to the one of my shop pages. I didn't know that all the shop setting were linked when I made another. The problem is when I change the categories to be viewed at the top and not on the side, this space goes away. The catch is that it then changes my other shop on my site and I really need that one to be keep it's categories on the side. 

This is the page https://www.localyokelstrading.com/spitfire and I need the "Learn more & Shop now!" section to be centered and not have the blank categories area on the left. 

Thanks so much for your help and time!  

I see you figured it out?