Move logo left on mobile

Solved
Highlighted
Excursionist
29 0 4

Hi there, 

I'm trying to move my logo to the left on mobile header but when I use margin-left, on smaller devices it covers the hamburger icon!

What am I doing wrong?

www.babeology.co.uk 

 

Thankyou!

1 Like
Highlighted
Shopify Partner
9252 1179 3248

@Esquibb96 

do you mean like this?

KetanKumar_0-1603970382011.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
29 0 4

Indeed however I'd like to keep the hamburger to the left also, and just have the logo next to it, but if that's not possible then that will do!

0 Likes
Highlighted
Shopify Partner
9252 1179 3248

@Esquibb96 

Thanks for feedback 

if possible to share screenshot how do you like exactly so i will provide 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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
29 0 4

Like this  

 

Thanks so much for your help, I really appreciate it!

Screenshot 2020-10-29 at 11.54.54.png

 

0 Likes
Highlighted

This is an accepted solution.

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

@media (max-width: 767px){
    .header-item--left{
    max-width: 20px !important;
    margin-right: 10px !important;
}

}

 


You can change the 10px value to anything you wish.
The greater the value, the more to the right it will be pushed.

Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes
Highlighted
Excursionist
29 0 4

That worked! Thankyou!

0 Likes
Highlighted

@Esquibb96 

I'm glad to hear that!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes