-
Hi,
I am having trouble with the navigation bar, I have reset all but still the same, lessen the spacing in Customized but still the same.
This is the navigatin looks like, but when you click the search icon it goes down, before it goes one line only.
https://postimg.cc/kVF3LRHnMy screen is big, but when it reached around 1338 it goes like this pls see the image below.
https://postimg.cc/G4GZssdk -
Oppps forgot to place our website link.
-
Hi there,
That should be normal behavior on smaller screens, where the search field wraps to a new line to compensate for the space when the search field expands.
How do you want the navigation to behave specifically?
-
Hi Alvind,
I wanted to behave the same with the bigger screen, if that is possible.
-
It’s not possible, there’s simply not enough space.
A workaround is to make the search input position: absolute, so it does not occupy any space, and when it’s active, it will sit on top of the subscribe button.
1. Here’s the CSS:
#mobile-header .wp-block-search.wp-block-search__button-only .wp-block-search__input { position: absolute; left: -150px; min-width: 150px; }2. Set the parent container of the search block to
position:relative.
- You must be logged in to reply to this topic.