-
I have created an Element that places my social icons above the main navigation items in the header. It uses the “inside_navigation” hook.
The element is set to 100% width and is flex.
The element correctly positions above the menu item line. However, it also creates a huge unintentional gap of space between the last menu item (“about”) and the search icon (see URL in private info). Without the social icon element, the search icon is evenly spaced alongside the other menu items.
What is causing this space to appear and how can get rid of it?
-
Hi there,
Try this CSS:
@media (min-width: 769px) { #site-navigation .inside-navigation { justify-content: flex-end; } }Learn how to add CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps 🙂
-
PERFECT!!! Thank you so much! 🙂
-
No problem 🙂
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.