How can I relocate the menu bar in Simple Theme on mobile view?

[lookupdealsuk]

Hi there

I’m using the Shopify Simple Theme and currently, my menu bar on mobile view is in the middle of the web page. I’d like to move it to the top left corner as shown in the attached picture. I want the menu bar on the top left and the search bar in the top middle between menu and cart. Is this possible? How do I do it? My customers sometimes miss it if they immediately start scrolling.

[Zworthkey]

hii, @lookupdealsuk
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

[lookupdealsuk]

Hi,

Thanks for the prompt reply. It’s lookupdeals.co.uk

Regards

[Zworthkey]

@lookupdealsuk
Do you want to like this?

[lookupdealsuk]

Hi @Zworthkey ,

That looks much better but is it possible to have it like in this picture?

I would like it to say “Search Lookupdeals.co.uk”

Thanks.

[Zworthkey]

Like this??

[dmwwebartisan]

@lookupdealsuk

1. Go to your store. Click on Actions > Edit Code 2. Go to Assets > theme.scss.liquid add below lines at the bottom of the file.

@media only screen and (max-width: 749px){
.mobile-menu-icon {position: absolute !important; top: 11%rem !important;}
.top-bar__search{margin-left: 9.5rem !important;}
}

Thanks!

[lookupdealsuk]

Hi @Zworthkey

It’s almost correct. Now, I just want the Search Loop on the left next to the Menu bar and it should say Search Lookupdeals.co.uk if possible.

[lookupdealsuk]

Hi @dmwwebartisan

Thanks for that.

The Search Loop is in the middle but there is no Menu bar on the left, unfortunately. I would like to have a Menu bar in Top Left then next to it a Search Loop that says Search lookupdeals.co.uk and the Cart should stay in Top right. Please see attached photo, thanks

[Zworthkey]

@lookupdealsuk
Like this?

[CloudKitchen]

My website Howtoquestion.com provides/answers a wide range of questions from how to negotiate for salary to questions like how to quit tobacco, how to fix lag in pubg mobile in a simple way, how to boycott China and why?

[lookupdealsuk]

Hi @Zworthkey ,

That’s perfect, that’s exactly what I want, thanks.

Is it possible to write “Search Lookupdeals.co.uk” instead of just “Search”?

Thanks

[lookupdealsuk]

Hi @dmwwebartisan ,

What code needs to be edited to get this?