- This topic has 7 replies, 3 voices, and was last updated 4 months ago by
Leo.
-
AuthorPosts
-
September 25, 2020 at 12:53 pm #1459086
Escobar
I have changed my secondary menu to slide out on the desktop version but it seems to look a bit cramped. How can I make it a little wider on desktop version?
My site is: https://www.mivestuariolaboral.com
September 25, 2020 at 1:06 pm #1459104Leo
StaffCustomer SupportHi there,
Try this:
https://generatepress.com/forums/topic/slideout-menu-width/#post-1387321Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 25, 2020 at 1:27 pm #1459142Escobar
I have put it.
I had already tried it but the mobile version changes and it’s too wide, and the X of the closure is not seen.
Take a look pleaseSeptember 25, 2020 at 8:43 pm #1459328Leo
StaffCustomer SupportLet’s make the code desktop only first:
@media (min-width: 769px) { body .offside--left.is-open, body .offside-js--is-left .offside-sliding-element { -webkit-transform: translate3d(400px,0,0); -moz-transform: translate3d(400px,0,0); -ms-transform: translate3d(400px,0,0); -o-transform: translate3d(400px,0,0); transform: translate3d(400px,0,0); } body .offside--right.is-open, body .offside-js--is-right .offside-sliding-element { -webkit-transform: translate3d(-400px,0,0); -moz-transform: translate3d(-400px,0,0); -ms-transform: translate3d(-400px,0,0); -o-transform: translate3d(-400px,0,0); transform: translate3d(-400px,0,0); } body .main-navigation.offside { width: 400px; } body .offside--left { left: -400px; } body .offside--right { right: -400px; } body .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit { left: 395px; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 26, 2020 at 1:07 am #1459523Escobar
Perfect!!!
Could we just make the font size for the mobile version a little smaller?September 26, 2020 at 6:51 am #1459813David
StaffCustomer SupportHi there,
you can change the Mobile font size in Customizer > Layout > Typography – just select the mobile icon to change that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 26, 2020 at 8:31 am #1460043Escobar
It Works like a charm!
Thanks.September 26, 2020 at 8:42 am #1460062Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.