Moving logo in to top bar on simple theme

bowhemeuk
Tourist
13 0 3

Hi all, 

Im trying to move my logo and also hamburger nav icon on the simple theme, in to the top bar level with search and checkout - as shown in pic attached. Preferably i just want this done on mobile as that is when it appears as attached.

I think this needs to be done in the code as there's no option in the theme editor. Can anyone help please?! As shown in picture below.

Inkedlogo move img_LI.jpg

Thanks!

Jack

 

0 Likes
Danishecom
Tourist
182 4 16

@bowhemeuk Hello there may I tried to make it work for you? is it fine if I edit a template or customize it for you?

0 Likes
bowhemeuk
Tourist
13 0 3

Of course, what would you need me to do?

 

Or if you have the code i will be happy to insert this myself?

 

Thanks

0 Likes
renus
Tourist
36 1 3

You need to make changes in two files  header.liquid file and css to make this done

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
bowhemeuk
Tourist
13 0 3

Can you advise what changes?

0 Likes
renus
Tourist
36 1 3

You have to share me URL of your website only than i can chk

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
bowhemeuk
Tourist
13 0 3
renus
Tourist
36 1 3

Add Below code on your css file


@_media only screen and (max-width: 767px) {
/* for sumo sized (mac) screens */
#ToggleMobileMenu{ position: absolute !important; top: 0px !important; right: 11% !important;}
#HeaderLogoWrapper { margin-top: -35px !important; margin-bottom: 0px !important;}
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes
bowhemeuk
Tourist
13 0 3

unfortunately this did not work

0 Likes
renus
Tourist
36 1 3

you have to place this properly this is working css code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
0 Likes