Menu Slips Under Position
Mike Reinbacher
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.
Paul Frankowski
Accepted AnswerSorry, 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.
Paul Frankowski
Accepted AnswerHi Mike,
do you have predefined header - or custom mode using Layout?
indeed on 1024px - 1199px screensize - menu collapse below.
Paul Frankowski
Accepted AnswerIf 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
Accepted AnswerThanks 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