- This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago by
Leo.
-
AuthorPosts
-
September 20, 2019 at 3:10 pm #1014865
Joseph
So, lot of questions.
So I have on the homepage, a merged with content site header. There is also a sticky nav. And a mobile menu.
On the homepage:
How do I add padding to that logo? It is SVG if that makes a difference.
On the sticky nav:
Same thing, how do I get some padding on top of the logo so it’s not riding the top. But also, my navigation button in the navigation with my phone number, there is padding above it, but not below it. And I’d like it to be horizontally centered with the other menu items.
Finally, mobile:
How do I get the hamburger menu closer to the logo, and centered.
September 20, 2019 at 5:34 pm #1014908Leo
StaffCustomer SupportHi there,
– I would recommend trying this option:
https://docs.generatepress.com/article/navigation-as-a-header/Should work better for the layout you are trying to achieve.
– Can you disable the mobile header option for now?
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2019 at 12:01 pm #1015443Joseph
Ok, I just did that. looks a little better. Still want a little top margin on the logo on the sticky nav. And mobile burger menu is still on the left, and maybe a little too big of a gap between mobile logo and burger menu.
September 21, 2019 at 12:54 pm #1015474Leo
StaffCustomer SupportCan you try to re-crop your logo image so it has even top and bottom padding?
https://www.screencast.com/t/KRWK3sXILet me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 22, 2019 at 11:21 am #1016058Joseph
Perfect! Damn trying to learn SVG it’s completely different than Photoshop for sure.
Lastly, mobile nav. Get hamburger menu to the center on mobile only, with less padding above it? When I set the options in customizer to center, it works to bring the hamburger to the middle, but then on regular viewing the menu items are also centered.
Also, how do I apply these customizer settings for every page on the website? Or do I have to set them individually?
September 22, 2019 at 12:06 pm #1016086Leo
StaffCustomer SupportDo you want the menu toggle to be centered and below logo on mobile?
Not quite possible to center it as you have a very wide logo that will likely takes more than half the space on mobile.
The customizer options are global options so should apply to the entire site.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2019 at 9:52 am #1016894Joseph
Yes. I think I’m just going to ditch the svg logo then and go to regular png logos for now. Too much trouble.
September 23, 2019 at 9:55 am #1016898Leo
StaffCustomer SupportSounds good π
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.