- This topic has 20 replies, 2 voices, and was last updated 2 years, 8 months ago by
.
-
Posts
-
Hi!.
I am trying to replicate the exact same effect like this webpage http://www.racycles.black. Only burger menu, and when expanded centered both horizontal and vertically full width. And if is possible close button on top right.
– Slide out navigation only done with: https://docs.generatepress.com/article/activating-slide-out-navigation/#use-slide-out-navigation-only
Thanks in advanced.
Customer Support
Hi there,
The full-width slideout navigation is currently not possible – however, we will be introducing this option in the next version of GP Premium.
Then you can easily create something that looks exactly the same.
The beta should be out in a couple of days and I’ll comment here again when it’s available for testing.
Thanks for your patience!
Hi Leo.
That sounds great!.
Thanks for your help!.
Hey!
1.8 Alpha has been released. See more info here:
https://generatepress.com/category/development/Hi Leo!.
Yes, I know. Tom just replied me into this other topic
https://generatepress.com/forums/topic/shophing-cart-icon-contents-total/#post-843521Give me one more day to test it and if everything goes well I will mark the topic as resolved.
Thank you very much!!.
No problem.
Hope you like it!
Hi Leo.
I see in the example the close button top right and the menu centered.
https://generatepress.com/gp-premium-1-8/Great to the option “Off Canvas Overlay” that turn it into a full-screen overlay, but where can I set the menu to center horizontal and vertically??… I can not see it anywhere in the customiser.
https://ibb.co/yBBMPmc
https://ibb.co/kD10ZWhThanks.
Change the style to Overlay instead of Slide.
I see… That is better!!, excellent thanks again!!.
Sorry again. Not rush with this.
I am trying to center vertically like in the example above. I do this but it doesn´t work:
.slideout-navigation.do-overlay {
width: 100%;
height: 100% !important;
}Can you link me to the page in question?
Customer Support
Hi there,
can you link us to your site where you’re are having the problem?
Hi David.
The problem is that is not in production yet. But I could create and provide a login for you.
As I mentioned, as we know with the new feature Slide Out menu it does cover full with and center horizontally, but not vertically.
I am trying to do .slideout-navigation.do-overlay {
width: 100%;
height: 100% !important;
}but I am not sure if this is the right way to do it… This is what I am trying to do http://www.racycles.black.
And this is my website right now.
https://ibb.co/PtFDPKs
https://ibb.co/x8w3Xn1Thanks.
Maybe something like this:
.slideout-navigation.do-overlay { display: flex; align-items: center; } .slideout-navigation.do-overlay .inside-navigation { padding: 0 !important; }
- You must be logged in to reply to this topic.