Mobile Menu Padding Issue

Solved
New Member
2 0 0

Hi All,

 

Having an issue with the padding on my site (firstlinemedic.com). On mobile, the menu icon doesn't align with the checkout/profile icons [Pictured Below]Screenshot_20200104-121049_Chrome.jpgIt appears to be caused by the basket icon set wanting to be on the right, and pushing the menu downwards, however, I can't seem to find the code anywhere to fix it. I've tried both Inspect Elements and Theme.scss.liquid but haven't spotted the right code.

 

Anyone got a fix or suggestions?

 

Thanks!

0 Likes

Success.

Hello @firstlinemedic,

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

 @media only screen and (max-width: 767px) {
    .header-right-wrap {
      margin-top: 18px !important;
 } }

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
2 0 0

Thank You Very Much!

0 Likes