- This topic has 13 replies, 3 voices, and was last updated 1 year, 7 months ago by
Leo.
-
AuthorPosts
-
May 11, 2019 at 1:25 am #895997
Dung
Hi GP Team,
I activated the off canvas panel on mobile, is there anyway to have logo on top center of the canvas panel? (click the logo will link to homepage)
Hope to have your support. Thank you very much.May 11, 2019 at 9:28 am #896361Tom
Lead DeveloperLead DeveloperHi there,
You could add this PHP:
add_action( 'generate_inside_slideout_navigation', function() { ?> <div class="off-canvas-logo"> <a href="URL TO YOUR SITE"><img src="URL TO YOUR LOGO" alt="" /></a> </div> <?php } );
Then you could use this CSS:
.off-canvas-logo { text-align: center; margin-bottom: 15px; }
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 11, 2019 at 9:39 am #896378Dung
Hi Tom,
I just did it. The logo is not shown, there are blank but you can click. When you click, it does not link to homepage. You can check it on my site.May 11, 2019 at 9:47 am #896386Tom
Lead DeveloperLead DeveloperYou need to replace
URL TO YOUR SITE
with the actual URL to your site, andURL TO YOUR LOGO
to the URL of your logo.Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 11, 2019 at 9:48 am #896388Dung
Hi Tom,
Well my bad, how can I get my logo URL?May 11, 2019 at 9:51 am #896395Tom
Lead DeveloperLead DeveloperRight-click your logo and click “Copy image address” (or something like that, depending on your browser).
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 11, 2019 at 9:56 am #896402Dung
Hi Tom,
Very nice, it worked. Can we adjust the logo size, also the top, left and right margin?May 11, 2019 at 9:58 am #896404Tom
Lead DeveloperLead DeveloperYep, just adjust the CSS:
.off-canvas-logo { text-align: center; margin-bottom: 15px; margin-top: 10px; margin-left: 10px; margin-right: 10px; } .off-canvas-logo img { max-width: 200px; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 11, 2019 at 10:01 am #896405Dung
Hi Tom,
So nice, thank you so much. I am really appreciated for your help.May 11, 2019 at 10:10 am #896411Tom
Lead DeveloperLead DeveloperYou’re welcome π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 10, 2019 at 6:49 pm #925380Dung
Hi GP Team,
Can I have the code for the text transform of submenu on the off canvas panel please.
Hope for helping. Thank you so much.June 10, 2019 at 6:56 pm #925383Leo
StaffCustomer SupportThis should do on mobile:
@media (max-width: 768px) { .slideout-navigation.main-navigation .main-nav ul ul li a { text-transform: uppercase; } }
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 10, 2019 at 6:59 pm #925387Dung
Hi Leo,
It worked very nice. Thank you so much.June 10, 2019 at 7:48 pm #925402Leo
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.