Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

How can I make a full-bleed slideshow that appears behind the header menu?


Recommended Posts

Posted (edited)

Site URL: https://www.evolvehumanlabs.com/

I currently have full-bleed static images on top of all my pages and they appear behind the header menu as well. For the homepage, however, I need to change the static image of the eclipse into a slideshow that scrolls between several images. The problem is that when I do this, it no longer bleeds behind the menu but, instead, a solid bar appears behind the menu and the slideshow underneath that. This creates an inconsistency with the rest of the website. I need the slideshow to appear behind the menu the way the static images currently are. 

Can anybody please point me in the right direction as to how to do this? I have searched high and low and cannot figure it out. 

Thank you so much in advance!

 

:Alex

Edited by NoeticFront
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Thank you for taking the time to look at this!

These are just random images but you can see how it puts a dark blue bar above the slideshow as opposed to the way it is on the live homepage, where the image appears behind the menu as well:

https://www.evolvehumanlabs.com/home-copy  (slideshow with blue bar appearing above)

vs.

https://www.evolvehumanlabs.com/ (static image with full-bleed even behind header menu)

I'm trying to have a slideshow WITHOUT the blue bar showing up. 

Thanks again!

 

:Alex

 

Link to comment
13 hours ago, NoeticFront said:

Thank you for taking the time to look at this!

These are just random images but you can see how it puts a dark blue bar above the slideshow as opposed to the way it is on the live homepage, where the image appears behind the menu as well:

https://www.evolvehumanlabs.com/home-copy  (slideshow with blue bar appearing above)

vs.

https://www.evolvehumanlabs.com/ (static image with full-bleed even behind header menu)

I'm trying to have a slideshow WITHOUT the blue bar showing up. 

Thanks again!

 

:Alex

 

Edit Page > Add a Code Block (top or bottom of page) > Paste this code

<style>
  header#header {
    background-color: transparent !important;
    position: absolute !important;
}
article section:first-child {
    padding-top: 0 !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...