Navbar & header on top of content

I don’t get what y4 mean but I see that you don’t have any menu to show if that is what you mean you should make a menu to shown it first Go to menu select it the be your primary menu after that it will be shown in your sticky header and nav

You want to activate the Parallax effect. See this documentation on how to add a Parallax effect to a row.

Thanks for the replies but oh no neither was what i am trying to do… how do i explain it…

Does this image help to figure out what i mean?
https://www.dropbox.com/s/hik08zmr2psidhl/LIKETHIS.jpg?dl=0

I want the navigation and logo to be on top of the content, just like it is in Sydney theme.(i dont have a menu yet, but i know how to make it).

No wonder I was confused. Because you mentioned Sydney, I thought you were running the Sydney theme. It wasn’t until I realized that you posted in the Customizr forum that you are running Customizr.

Try adding this to your custom CSS:

.tc-sticky-header .tc-header {
    background-color: transparent;
}
#tc-reset-margin-top {
    margin-top: 0 !important;
}

Oh … sorry about that ??

Thank you, that almost did the job … but i still have a tiny black bar up there :/
https://www.123testing.djwelho.com/

Add this rule as well:

#main-wrapper {
    margin-top: 0;
}

YAY!!!! Look at that
https://www.123testing.djwelho.com/

THANK YOU so much! ??

Too bad the code seems to affect on mobile resoluiton, so that the navbar is white :/ Like this
https://www.dropbox.com/s/9va7o2l3w7wcg5o/SC20160520-105548.png?dl=0

I tried to find the @media screen something but couldnt. Any ideas?

@liskynd
hope someone help ya about mobile version soon, but in same while I have one question for you mate how you the size of that background video row looks big like that in the top of the page because i try to make my video background big and looks like that but can’t figure it out yet?

Not sure how to fix the white background on mobile view. Most of the time, you can mimic the symptom on a desktop browser by just making the browser window as narrow as a cell phone, but I’m not seeing the same behavior on my desktop browsers, which means we can’t use the normal web debuggers to see what’s going on.

The only thing I might try is to add the !important clause to the background-color property, in case there’s another unseen rule that’s overriding the current one.

.tc-sticky-header .tc-header {
    background-color: transparent !important;
}

@pufak
How to make the BG video big like mine: first use the Video Backgrounds for SiteOrigin Page Builder
https://www.ads-software.com/plugins/video-backgrounds-for-siteorigin-page-builder/
assuming you know about that and how to use if, yes?

When you are done adding your video BG to the Row go to Row Styles and in the Attributes tab add a Row ID like “videoBG” or something and in the CSS Styles add
{min-height: 100vh;}

Thanks for the plugin developer GusRuss89 ??

@ CrouchingBruin

Thanks but that didnt help :/

Oh and yes i know about the browser simulators but its too bad that they dont simulate mobile as it is in mobile. They only rezise the screen but they dont erm … how do you say it … activate the real mobile stuff you know.
I keep trying to find the code .. it has to be something to do with the @media …

@liskynd
thanks for you quick replay I get it now

@liskynd
why that video background not working in Mobile !!?