Archived topic
Overlay Menu (Mobile)
5 replies · Started by David on October 2, 2019
Hello!
Can you offer me some direction on how to move the mobile overlay menu "X" to exit symbol to the top-right hand corner instead of the bottom center?
Would it be something like this for the exit div:
position: absolute;
right: 4%;
Or would there be a better way to accomplish this?
Thanks kindly :)
Site pass is: Orange11
David
Hi there,
that doesn't sound like normal behaviour for the off canvas exit - can you link me to your site?
You can edit your original topic and use the Site URL field to share privately.
Updated. Thanks for having a look!
Try adding this CSS:
.slideout-navigation.do-overlay .slideout-exit {
position: fixed !important;
}That worked great, thank you David!
Do you by chance know how to get a margin around that X on the bottom so it's not close to the search function?
I tried adding bottom margin to that class but it doesn't seem to work.
Try this:
.slideout-navigation.do-overlay .inside-navigation .slideout-widget {
margin-top: 40px;
}Let me know :)
