Canvas Support

Floating Header with Page Title Parallax

3 replies · opened May 31, 2019

BBoris99May 31, 2019

Hello,

how to realize a page with menu with floating header (like header-floating.html) and Page Title Parallax, where the picture begins at the top of the page (like the sample Paralax transparent header or like with the slider). For my tries the picture is moved down to the top of the floating menu.

Thanks a lot
Peter

SSemicolon WebSTAFFJun 1, 2019

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

BBoris99Jun 3, 2019

Hello,

I mean like in this test page.
I'd like that the background picture begins at the top of the page like using a slider

SSemicolon WebSTAFFJun 3, 2019

Hello,

Simply use the following CSS Code: 

#header.transparent-header.floating-header + #page-title.page-title-parallax {
	top: -160px;
	margin-bottom: -160px;
}

#header.transparent-header + #page-title.page-title-parallax .container { padding-top: 160px; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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