Site logo

Archived topic

side-out menu

28 replies · Started by naomi on October 22, 2017

Viewing posts 16–29 of 29

I'll check it out
Thank you!

No problem :)

Try this:

@media (min-width: 769px) {
    #site-navigation {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99999;
        height: 100%;
    }
}

Thank you,
What I am looking for is that the menu icon will enter and exit like a tab, from the slideout menu.
As in this example: https://perlawidislavsky.com/
Is it possible?
I hope it's not a big hassle. If so I will try to get along,
thank you very much

So when you press the button, it will slide out with the menu?

Yes

Try this as your full CSS:

@media (min-width: 769px) {
    #site-navigation {
        position: fixed;
        left: 0;
        right: auto;
        top: 0;
        height: 100%;
        z-index: 9999;
        transition: transform 0s ease;
        transform: translateX(0);
    }

    .slide-opened #site-navigation {
        transform: translateX(270px);
        z-index: 8888;
        transition: transform 300ms ease;
    }
}

I just adjusted the CSS above - let me know if it works now :)

Now it's excellent,
thank you very much!

You're very welcome :)

This archived topic is closed to new replies.