How to change the search form in mobile menu

HI, i want to know how I can change the search design box of the main menu in mobile. I want the design of the Image 2 in the space of Image 1.

here are the images of the design that I want to change.

i want the design of the search box image 2.
but in the main menu of the mobile, not in the header bottom.

thank for the help.

Attachments:

You must be logged in to view attached files.

Hello,

Search form in the mobile menu (image 1) is enabled/disabled in the Header Builder > Your header > Mobile View > Mobile menu. https://xtemos.com/docs/woodmart/header-builder/header-responsive-settings/

If you want the view as on Image 2: disable the search in Mobile menu, add Search element into the bottom row and set the search as the form: https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/

Best Regards

Hi, i want the design of the search form of the “image 2” in the mobile menu. I don’t want to put the search form at the bottom row.

because the design of the search form in mobile menu is not good as the design of the image 2.

help 🙁 please

Hello,

Now, I see that image 2 and your mobile menu is the same https://gyazo.com/cdde71bffe921f9df8eeb944154aece3

Pleaase, clarify the view of the search form.

Best Regars

no, I want the style of the search form of image 2 in the burger menu.

here is an image of the place that I want the style of the search form of image 2.

in mobile.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.mobile-nav .searchform {
margin:15px;
	border-radius: 40px
		
}
body .searchform .searchsubmit {
background:green;
	border-radius: 0 40px 40px 0;
	color:white;
}
body .mobile-nav .searchform input[type=text] {
    height: 40px;
}

Best Regards

Thanks!!!!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts