Solved Templates

Menu slips under position

Asked by Mike Reinbacher 3 years ago Last activity 3 years ago

Hi,

I´m currently using the educon template.

When I´m reducing the with of the browser-window, the menu and / or the off-canvas icon slips under it´s position and is displayed over the background image of the following module. If I go on reducing the width, it will be back in place at a certain narrower width.

I have tried other templates, same problem here.

Can you please help me, that the position stays fix?

Thanks in advance.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago

Sorry, I forgot paste extra line, updated CSS

@media screen and (max-width: 1199px) {
#sp-logo { max-width: 30%;float: left;}
#offcanvas-toggler { bottom: 0 !important;}
}

After iPad / IPhone view - as you see [=] is visible now.

4 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago · edited

Hi Mike,

do you have predefined header - or custom mode using Layout?

indeed on 1024px - 1199px screensize - menu collapse below.

Paul Frankowski Senior Staff
3 years ago

If you have predefined header chosen from the list of headers, you have to use custom CSS to corrrect that.

@media screen and (max-width: 1199px) {
#sp-logo { max-width: 30%;float: left;}
}

I hope you know where to use it, if not - bonus tip:

Template Options > Custom Code > Custom CSS

Mike Reinbacher Asked this
3 years ago

Thanks for your reply.

The header is the one that came with the template.

I have inserted the custom CSS. Nearly the same problem, besides that the menue does not come back in place at a narrower size :-)

Any other suggestions?

Thanks in advance & best, Mike

Mike Reinbacher Asked this
3 years ago

Now it works. Thanks, great support!

Best, Mike

Log in to reply.