Logo margin on mobile - Supply theme

Solved
Highlighted
Tourist
7 0 0

Hi 

 

I am trying to bring the logo up a bit when displayed on a mobile phone. I've tried changing the bottom margin without luck...

 

Any help would be appreciated

 

.lazyload__image-wrapper {
  display: block;
  margin-bottom: $gutter / 3;
  position: relative;
  margin: 0 auto;

  img {
    display: block;
  }

  img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin: 0 auto;
    position: absolute;
    top: 0;

    &.lazyload {
      opacity: 0;
    }
  }
}
0 Likes
Highlighted
Shopify Expert
3470 543 819

Hi @mrtn 

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
7 0 0
Hi

It's http://mylullaby.myshopify.com

The password is frugga.

Thanks!
0 Likes
Highlighted
Shopify Expert
3470 543 819

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
  .header-logo{margin-top:0;}        
}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
2 Likes
Highlighted
Tourist
7 0 0

Brilliant, thank you!

0 Likes