Archived topic
Mobile Navigation Search Order
5 replies · Started by _blank on October 26, 2021
Hi,
I have a search button in my primary navigation, which in mobile header shows on the left by default:
https://1drv.ms/u/s!Ajkoo-gGVQk2iKpYMdzJUc0ziMcD4Q?e=77aiOC
Thus, when clicked, the X button shows in the middle of the search field. I'd prefer to have the search icon on the right in the mobile header, like this:
https://1drv.ms/u/s!Ajkoo-gGVQk2iKpZb_nN259ZyhWXtw?e=LKzhc1
so that the X button is on the right as well.
I thought about flex-direction: row-reverse, but I'm not sure to which container that could go.
Thanks.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Unfortunately the site is offline. Maybe at least a screen with the elements structure view would help.
Hi there,
try this CSS:
.main-navigation .menu-bar-items {
order: 3;
}Yes, that works. Thanks!
Glad to hear that!
