How to change the mobile menu presentation?

Dear Support,

The current website mobile navigation is burger bar at left, logo on right.

How to make it
1. Logo on center, burger bar on right?
or
2. Logo on left, burger bar on right?

Kindly advise soonest possible.
Thanks

Attachments:

You must be logged in to view attached files.

Hi,

Could you please send us a link to that website?

Thank you

hi this is the link ( in private content)

Try to add the following code snippet to the Custom CSS area for mobile devices in Theme Settings to do this

.main-header.header-split .right-column {
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
	text-align:right;
}

Regards

Hi How to make the logo on centre and burger bar on right?
Thanks

Hi,

Sorry, but we can’t do this since you don’t have anything on the left side and logo can’t be perfectly centered.

Regards

What if we add some icon on the left?

Then the logo can be centered?

Try to add this code snippet to the CSS also

.main-header.header-split .site-logo {
	position: absolute!important;
}

[Author]

Posts