- This topic has 6 replies, 2 voices, and was last updated 3 years, 10 months ago by Andrew Misplon.
- AuthorPosts
- December 19, 2020 at 12:23 pm #15212
PaulParticipantIs there a way to get the mobile menu to center under the logo and make the mobile menu logo bigger?
December 19, 2020 at 12:24 pm #15213
PaulParticipantPs I have Puro Premium and love it!!!!
December 19, 2020 at 3:17 pm #15214
Andrew MisplonKeymasterHi Paul
Thanks for your support, it’s most appreciated.
You can try the following at Customize > Additional CSS:
@media (max-width: 786px) { .site-header { padding-bottom: 70px; } .site-header .site-branding { display: block; float: none; max-width: none; padding-right: 0; width: 100%; } .responsive-menu .menu-toggle { margin-right: -11.5px; right: 50%; top: 50px; } .site-header .site-branding a { text-align: center; } .responsive-menu .main-navigation.toggled { margin-top: 50px; margin-bottom: 0; } }
There are several elements that have to be readjusted so this might not work well without further changes.
December 19, 2020 at 3:53 pm #15215
PaulParticipantThis is perfect!!! Thank you so much! Just one thing – the X to close out the menu isnβt there.
December 19, 2020 at 4:43 pm #15216
Andrew MisplonKeymasterHi Paul
Please, locate the following rule:
.responsive-menu .main-navigation.toggled { margin-top: 50px; margin-bottom: 0; }
Change it to:
.responsive-menu .main-navigation.toggled { margin-top: 50px !important; margin-bottom: 0; }
We’re just adding
!important
after the 50px value for this rule. You can adjust as required. Let me know how it goes. Thanks πDecember 19, 2020 at 6:22 pm #15217
PaulParticipantThis is perfect!!! Thank you so so much for the quick support and excellent theme!
December 19, 2020 at 6:58 pm #15219
Andrew MisplonKeymasterSuper, glad to hear that helped. If questions arise in the future, feel free to email [email protected]. Cheers for now π
- AuthorPosts
You must be logged in to reply to this topic.