I want to know how to customize the header on the mobile

I want to know how to customize the header on the mobile phone，When I select the header of the website（screenshot：https://nimb.ws/0dFNtT）, I can’t customize the header of the mobile phone. The mobile can only be like this（screenshot：https://www.screencast.com/t/5vL7cwig7oJ），
I want my mobile header to look like this: screenshot：https://www.screencast.com/t/Z7iEgItG，The link to this website is https://www.tankinifashion.com/，
Please tell me how to do it, thank you.

Hello,

You need to set a Double menu layout and enable the search button in the Theme Settings > header > Other.

Best Regards

So how to set a Double menu layout？

I set up a double menu，But it doesn’t seem that good（picture 3），I hope my computer is like this（picture 1）, the mobile is like this （picture 2）, how can I do it?

Attachments:

You must be logged in to view attached files.

The file uploaded in the previous reply failed, I will upload it again

Attachments:

You must be logged in to view attached files.

This is really weird, it seems the only way to let you see what the picture is
picture 1：https://www.screencast.com/t/Vldf0t6oxAgq
picture 2：https://www.screencast.com/t/GAmtAZpYH
picture 3：https://www.screencast.com/t/tDgIHw2ZW

Hello,

Please provide your site admin access to the private area.

Best Regards

ok，I put the information below.

Hello,

You should have disabled the search icon on mobile, I have done that and now your header looks exactly as you wish. Please check.

Best Regards

Maybe I didn’t describe my thoughts clearly, okay, let me rephrase, and you will treat it as my previous description did not happen.
I want the same header as this website （https://www.tankinifashion.com/）, including mobile and computer, are the same, how should I do it?

I want the same header as this website （https://www.tankinifashion.com/）, including mobile and computer, are the same, how should I do it?

Hello,

The site you show has been customized. Basel theme does not have the option to show the same on the layout you have chosen on desktop and on mobile.

You can try this CSS:

@media (max-width: 991px) {
.website-wrapper .right-column {
	width: 25% !important;
}
.basel-logo-wrap {
text-align: center;
}
.website-wrapper .site-logo {
	padding-left: 35% !important
}
.mobile-nav-icon {
position: absolute;
	left: 15px;
}
}

Best Regards

[Author]

Posts