-
Hi,
I want to adjust the width of the navigation entries in the off-canvas menu and tried this code:
https://generatepress.com/forums/topic/off-canvas-menu-item-and-menu-width/#post-2289486It works so far, but my menu should be centered. Which lines of code do I need to adjust for this?
https://postimg.cc/Xr3X6tkHThanks
Markus -
Hi Markus,
Can you share your site link so I can take a look?
-
Send it below…
The second point would be how to swap the two elements, the burger menu and the buttons?
https://postimg.cc/LhmmjVYQThanks
-
I’m not able to log into your site, the token is invalid.
I checked the front end of the site, and the slideout nav looks centred to me.
https://app.screencast.com/VGzOrwyCQmNTfLet me know if I miss anything!
-
Hi Ying,
I just tested the temporary login link, and it works so far. It takes you directly to the admin dashboard panel. It’s on a staging site, you were on the live site…
Please try again…
Thanks
-
Can you try this CSS?
.site-header .menu-bar-items { order: 10; } -
works, thanks. And how can I make the container wider so that there are fewer line breaks, at least in the desktop view?
-
I’m not sure what you mean, the slide out nav container is full width already, I don’t think you can make it wider.
-
please have a look at the screenshot:
Off Canvas NavgationThe inspector indicates that the current width is 300px. That’s why, for example, the navigation entry “Alle Kurse & Veranstaltungen” is split by a line break into “Alle Kurse &” and “Veranstaltungen”
Do you understand what I mean?
How can I increase the width from the current 300px?Thank you
Markus -
Hello.
I would try reducing the padding of the Off Canvas:
.slideout-navigation.do-overlay .inside-navigation { padding: 5% 5% 0; }Adjust values accordingly. You can even try
padding: 0;. -
Hi George,
nice hack… Thanks a lot… 🙏
-
No problem!
- You must be logged in to reply to this topic.