Sticky Topbar

2 replies · opened Jan 26, 2020

SsuppenhuhnJan 26, 2020

Hi!
I'm trying to modify the demo-real-estate.html ( or the header-transparent.html with a topbar added ) with a static topbar, also trying to get the backgroundcolor of that topbar to the same color as the header. Found that approach here: http://support.semicolonweb.com/forums/topic/having-top-bar-and-social-icons-appear-in-sticky-menu/

The topbar becomes static BUT when scrolling down the header first moves upwards before it's jumping back to get sticky. Also after scrolling down the header background is fading to a dark-blue backround but the topbar does stay transparent -> is there a method to apply the same backgroundcolor transition to the topbar ?

Would be thankful for any hint :-)

SsuppenhuhnJan 27, 2020

Also tried do modify the header-floating-with-topbar.html -> it's the same here: menu moves up befor it jumps back to get "sticky" & topbar is transparent.

SsuppenhuhnJan 28, 2020

Got it ... didn't notice there are two dfferent classes: sticky-header and static-sticky.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard