[Support request] Overlay Menu (Mobile)

Home Forums Support Overlay Menu (Mobile)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1024194
    David

    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

    #1024216
    David
    Staff
    Customer Support

    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.

    #1024228
    David

    Updated. Thanks for having a look!

    #1024236
    David
    Staff
    Customer Support

    Try adding this CSS:

    .slideout-navigation.do-overlay .slideout-exit {
        position: fixed !important;
    }
    #1024525
    David

    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.

    #1024543
    Leo
    Staff
    Customer Support

    Try this:

    .slideout-navigation.do-overlay .inside-navigation .slideout-widget {
        margin-top: 40px;
    }

    Let me know 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.