[Resolved] Change position in mobile view of search field and primary navigation

[José]

Hello, I inserted ajax search through hook for mobile view: inside_mobil_header is the best option I found. Looks good. But I would like to change the order in the position between ajax search and the first navigation. The order I would like the order to be first: primary navigation (where the logo is) and below the ajax search field.

can be done through hook ?: something like inside/mobil /after /header?

reference image

Thank you

username: support
Password: abcd

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

the Mobile header uses flex, so we can just change the order of the widget with CSS, like so:

#mobile-header .dgwt-wcas-search-wrapp {
    order: 5;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[José]

David, it works perfect

Thank you

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts