2 Issues with Menu (Slider & Hamburger)

Dendey · August 2019

Hi,

Currently i have 2 issues with my menu on my website (www.evislunchroom.nl)

My menu is on top of the slider. I want my menu above the slider.

I'm using the layerslider.

Also the menu transforms to a hamburger menu below a width of 1240px.

I would like this to happen below a widht of 768px (mobile view)

Pablo · August 2019

Hello,

1) You can select the header type in the Theme Options > Header & Subheader > Header

For you, it will be a "Below Slider" type.

2) You can change the menu mobile breakpoint in the Theme Options > Responsive > Header

There you will be able to change it.

Thanks

Dendey · August 2019

Hi Pablo,

Thank you for your answer, this helped.

But below 1240 px my menu moves down above my slider. (See screenshot)

Pablo · August 2019

Yes, because you applied to big amount of a padding for a logo and it does not have space to fit.

Please decrease it first.

Thanks

Dendey · August 2019

Thanks!

Last question, on mobile view there is a space between the header and the content.

I inspected the element and found this:

body:not(.template-slider):not(.header-simple) #Header

min-height 350px;

Where can i decrease the min-height?

Pablo · August 2019

Change the "Minimalist" option to "ON" in Theme Options > Header & Subheader > Header and apply some top padding to the first section of your page.

Thanks

Comments