Static top bar with fixed logobar and navbar

Hello,

I would like the navbar and logo bar to remain fixed while the top bar is static.

It works if I set the headers to inline and the position to fixed top, but if I set the headers to

stacked and fixed top, the logo bar remains static, so only the navbar is fixed.

I’ve tried this code, but it isn’t enough as there’s a gap between the logo bar and the top of the page when scrolling down.

.x-logobar {
position: fixed;
width: 100%;
}
.x-logobar, .x-logobar-fixed-top {
top: 160px !important;
}
.x-navbar {
position: fixed;
width: 100%;
}
.x-navbar, .x-navbar-fixed-top {
top: 282px !important;
}

Help would be appreciated

Hello Raphael,

Thanks for writing in! Please remove your custom CSS. You may need to check these older threads to accomplish what you have in mind:

Best Regards.

1 Like

thanks, your code did it.

You are most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.