Archived topic
Open Canvas Panel Menu
24 replies · Started by John on July 5, 2021
Those are set in Customizer > Typography > Off Canvas Panel.
And I just made the adjustment. It looks much better. Sorry for not figuring out that myself. You have more difficult problems to solve. But while I have your attention, David, is there a way to put a space/spacer between: Patterns ... Germany ... United States ... Germany:USA as a group ... and ... Imprint ... Join ... Login as another group?
Patterns
Germany
United States
Germany:USA
Imprint
Join
Login
Thanks !
John
First thing to do is to add a class to the menu item so we cant target that specific Item.
See this document that explains how to add a CSS Class to a menu item:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
1. Select the Imprint menu print item and give it a CSS Class of: top-spacer
2. Then Add this CSS to your site:
#generate-slideout-menu .slideout-menu li.top-spacer {
margin-top: 50px;
}
Perfect, David. I love this !
John
Ah, how about this . . . adding space at the very top, above "Patterns"? I find "Patterns" to flush to the top.
I added "top-spacer" to Patterns in the menu, but to no avail.
John
I can see the change when visiting the site - the 25px is being applied.
Personally i would give the container some top padding like so:
.slideout-navigation .inside-navigation {
padding-top: 50px;
}
Best to use margins for space between things, and padding for space around things.
Done. Perfect.
Thanks, David !
I set it at 55px.
So that it aligns with the header aka logo.
I'm still waiting for my good friend, Joe, in California to create my logo. I don't have Photoshop or any graphic software. The logo should be a so-called text-logo: UNDERSTAND CULTURE ... with first word in gray, second word in color of clickable terms on the site.
John
Its possible to make the Site Title two colors without the need for a Logo image.
If you want to resolve this topic and start a new one - ill give you some directions.
Excellent, David !
John
Glad to be of help