Hamburger menu visible in all viewports

Question

I need help with http://lidevelopmentserver1.com/rh19/
We need to have the "hamburger menu + logo + book now button" visible at all times and in all viewports (exactly as in the link above).
The problem is that in the offcanvas sidebar the first level menu items are not acting as links.They only activate the dropdowns. We need them to act as links as well.
I tried to use a primary menu in the sidebar but I couldn't style it.
As an alternative I also tried to use the ".side-header" but then I couldn't make the hamburger menu, the logo and the book now button to stick on scroll.
Please advise.

SemiColonWeb · Accepted Answer

Hello,

Since you are using the Logo and the Button outside the Header, this is not sticky by default. Consider using the following code:

.inlogo {
	position:fixed;
	top:1.6rem;
	left:0;
	z-index:11;
	width:100%
}

Simply change the position:absolute; with position:fixed; in your code.

This should work fine. Hope this Helps!

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

djvallauri · Answer

Here is the alternative version http://lidevelopmentserver1.com/rh19/index v1.html In this version the hamburger menu is ok. The only problem is that the logo and the "book now" button are not sticking at the top.How can I make all three items (hamburger, logo, button) to stick at the top?

djvallauri · Answer

Thank you for the answer but unfortunately it doesn't solve the issues on http://lidevelopmentserver1.com/rh19/index v1.html It causes issues in the side header, it and it doesn't work on mobile where we need a sticky header as well. So I will try to re formulate my request: We need a transparent r…

Semicolon Web · Answer

Hello, We understand, however, unfortunately, your requested feature is currently not included Out of the Box. Moreover, the way you are trying to implement the Header on your Page is incorrect as it includes 2 different sections of a separate Logo Area and Menu Area whereas it should be included a…