Dear sir or madam,
I´m using the educon template. On smaller display sizes, the off canvas menu and the search icon is dropped from the "header" section to the "page title" section.
The issue shows up on iphone, ipad and on the browser when reducing the window width.
Please check: www.promusicschool.de
How can I fix this, so that it stays in place?
Thanks in advance.
Best, Mike
Important law advice // Anstand Rechtsberatung
Thanks for your reply. Unfortunately it didn´t help
Hi
Use this custom CSS
@media (max-width: 912px){
#offcanvas-toggler{
position:relative;
bottom:80px;
}
.icon-top-wrapper{
position:relative;
bottom:80px;
}
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Great, that works! Thanks a lot!
Best, Mike
You are always welcome. You can now close this post by accepting the answer.
After testing a second time, I noticed, that the off-canvas-menu is displayed at a smaller size, but in a small range between wide and small scaling of the browser window (or flipping the ipad horicontally) it´s the same than before, the menu -before changing from mega menu to off-canvas" is displayed in / over the lower section.
Any suggestions?