- This topic has 25 replies, 4 voices, and was last updated 2 months, 2 weeks ago by
David.
-
AuthorPosts
-
October 8, 2020 at 1:44 am #1478010
Hannah
Hello,
My canvas menu area looks like this: http://prnt.sc/uvb1i3
Is there a way that I can add my logo and the user account in the canvas menu area like this: http://prnt.sc/uvb2gpThanks so much for your help
Best wishes
HannahOctober 8, 2020 at 2:55 am #1478096David
StaffCustomer SupportHi there,
logo can be added in Customizer > Layout > Mobile Header.
For the Account Icon we can use a Hook Element – do you have an SVG icon for the account link?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 8, 2020 at 3:45 am #1478167Hannah
Great it worked. Thank you so much.
The hamburger menu is on the right now though, even though the settings are set to left.For the Account Icon we can use a Hook Element β do you have an SVG icon for the account link?
We are so happy with the cleaness. We decided to leave it with only logo, menu and shop cart.
Thanks a lot π
Best
HannahOctober 8, 2020 at 4:31 am #1478235David
StaffCustomer SupportAdd this CSS to position the Menu to the left of the logo:
.main-navigation.has-branding .menu-toggle { order: -1; margin-right: auto; }
Then you can remove the Mobile Menu Label text from the Customizer > Layout > Primary Navigation – so it just displays the icon. This will help center your logo as well π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 11, 2020 at 5:47 am #1483167Hannah
Wonderful thank you so much! It looks GREAT π
October 11, 2020 at 5:55 am #1483175David
StaffCustomer SupportGlad to be of help.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 26, 2020 at 11:28 am #1505180Hannah
May I ask another question:
Is there a way to center the logo: http://prnt.sc/v7b58d
Thank you so much π
Best wishes
HannahOctober 26, 2020 at 11:31 am #1505184Leo
StaffCustomer SupportCan you link me to the page in question?
Thanks π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 26, 2020 at 11:36 am #1505190Hannah
Here you go π
October 26, 2020 at 11:46 am #1505199Leo
StaffCustomer SupportTry this:
@media (max-width: 768px) { .site-logo.mobile-header-logo { position: absolute; left: 50%; transform: translateX(-50%); z-index: 200; margin-left: 0 !important; } #mobile-header .mobile-bar-items { margin-left: auto; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 26, 2020 at 11:54 am #1505205Hannah
Looks incredible!! THANK YOU SO SO MUCH π
October 26, 2020 at 11:57 am #1505208Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 12, 2020 at 6:57 am #1528478Hannah
Hello
my canvas menu looks great when directly going on the website:
http://prnt.sc/vi29kpBut I noticed that when scrolling down, the burger menu moves to the middle into the logo:
Can you help me with this?
Thank you so much π
Best HannahNovember 12, 2020 at 8:26 am #1528612David
StaffCustomer SupportHi there,
try adding this CSS:
.mobile-header-navigation.is_stuck .menu-toggle { order: -1 !important; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 13, 2020 at 1:20 am #1529422Hannah
Amazing!!!!! THANK YOU SO MUCH!
-
AuthorPosts
- You must be logged in to reply to this topic.