[Support request] Mobile Navigation Search Order

[_blank]

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.

[Leo]

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 🙂

[_blank]

Unfortunately the site is offline. Maybe at least a screen with the elements structure view would help.

[David]

Hi there,

try this CSS:

.main-navigation .menu-bar-items {
    order: 3;
}

[_blank]

Yes, that works. Thanks!

[David]

Glad to hear that!

[Author]

Posts