[Resolved] How to make Slide Out Menu appear center and Fix Height

[Hieu]

Thanks you for Generate Press, your themes is awesome, very performance 😀
I make a Slide Out Menu, but i don’t know to make it center when it appear and fix height
Thanks for your support 🙂

[Leo]

Hi there,

Not sure what you mean. Like having the slide out navigation slide out to center?

Can you provide an example of what you would like to achieve?

[Hieu]

Sorry about that. I want slideout menu navigation slide to center, it’s mean from left/right to center.
Or can make it same as a popup ?
Thank you for answering me 😀

[Leo]

So you would like the toggle to be center between other menu items?

[Hieu]

No, I want to generate slideout menu to center body, not toggle to be center
It’s mean when I click the toggle, generate slideout menu to center, not left or right

[Tom]

That should be possible with some CSS, but you may want to wait until GPP 1.6, as we’ve re-written the slideout navigation, and if we give you code today, it won’t work once that update is out (this month).

Let me know if you’d rather have the code now and have to update it later.

[Hieu]

Thank you, I need little code now and wait to update it later. How can I get?

[Tom]

You could try something like this:

.slide-opened #generate-slideout-menu {
    left: 50% !important;
    width: 500px;
    margin-left: -250px; /* half the width */
    top: 50% !important;
    height: 500px !important;
    margin-top: -250px; /* half the height */
}

[Hieu]

Thank you, it’s work perfect 😀

[Tom]

You’re welcome! 🙂

[Author]

Posts