Modify Header 103 for Single Heading with Changing Images

·

Hi all. Is there a way to use Header 103 but only have a single heading remain on screen with the images changing behind? As opposed to the default behavior of having 4 slides, each with its own heading and image. Thanks.

2 comments

· Sorted by Oldest

Matt J.
·
·
Tom sure thing. Essentially I've created a div that lives above the tabs, and I position it the same way that the header103_tabs-content div was positioned (min height 100 vh, max height 60rem), position relative and z-index of 2. This will place this div above the tabbed images. I hid all of the content sections within the tab panes, and removed the styling for the header103_tabs-content. Thats really it. Here's a read-only link to help demo off the changes I made. https://preview.webflow.com/preview/testing-header-103?utm_medium=preview_link&utm_sou[…]3&preview=63c4d8e99046ad38a359c88c0524a83c&workflow=preview
Tom
·
·
Oh amazing thank you Matt J. !!

Matt J.
·
·
Tom sure thing. Essentially I've created a div that lives above the tabs, and I position it the same way that the header103_tabs-content div was positioned (min height 100 vh, max height 60rem), position relative and z-index of 2. This will place this div above the tabbed images. I hid all of the content sections within the tab panes, and removed the styling for the header103_tabs-content. Thats really it. Here's a read-only link to help demo off the changes I made. https://preview.webflow.com/preview/testing-header-103?utm_medium=preview_link&utm_sou[…]3&preview=63c4d8e99046ad38a359c88c0524a83c&workflow=preview
Tom
·
·
Oh amazing thank you Matt J. !!