[Resolved] Open Canvas Panel Menu

[David]

Those are set in Customizer > Typography > Off Canvas Panel.

[John]

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

[David]

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;
}

[John]

Perfect, David. I love this !

John

[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

[David]

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.

[John]

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

[David]

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.

[John]

Excellent, David !

John

[David]

Glad to be of help

[Author]

Posts