How can I adjust my logo and search icon placement for a streamlined menu?

Solved

How can I adjust my logo and search icon placement for a streamlined menu?

RachelGRB
Excursionist
16 0 5

Hiya, Is it possible to move my logo more to the left and move the search symbol on the right so that my menu is one straight line?

 

Website - www.glamrocksboutique

Accepted Solution (1)
Moeed
Shopify Partner
6590 1784 2165

This is an accepted solution.

Hey @RachelGRB 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1697806257942.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
6590 1784 2165

Hey @RachelGRB 

 

The website URL which you shared is invalid, can you please share the correct website and password if enabled?

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


RachelGRB
Excursionist
16 0 5

Sorry it cut off the end for some reason!

 

www.glamrocksboutique.co.uk

 

Moeed
Shopify Partner
6590 1784 2165

This is an accepted solution.

Hey @RachelGRB 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social {
    max-width: 100% !important;
}
</style>

RESULT:

Moeed_0-1697806257942.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


RachelGRB
Excursionist
16 0 5

You're a genius thankyou!

Moeed
Shopify Partner
6590 1784 2165

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


RachelGRB
Excursionist
16 0 5

hello, i've just done the latest update and lost my update that you did for me.  Would you be able to do it again for me please 🙂 @Moeed