[Support request] center the Advanced Woo Search widget in the header-mobile

[julio]

Install the Advanced woo Search plugin and implement it with a hook to the inside-mobile-header, but I want it to appear between the logo and the menu. (logo | search | hamburger-menu)
What solution could I implement?
Thank you.

[David]

Hi there,

try this CSS:

#mobile-header .inside-navigation .elementor {
    order: 2;
    margin-left: 5%;
    margin-right: 5%;
    flex: 1;
}

[julio]

the code works, thanks.
now the problem of the Advanced woo Search add-on that is integrated with elementor does not fit the width of the mobile devices and is not centered in height.

[David]

I edited the code above so it forces the search bar to fit the available space.
The elementor section with its padding is taller then the nav bar which is forcing it down.
You can either
a. try to reduce the padding on the elementor widget for the mobile settings.
b. increase the mobile menu item height in Customizer > Layout > Primary Navigation to around 65px so it then fits.

[Author]

Posts