Help: Mobile menu exit icon is overlapping the Home button

Emurph35
Excursionist
36 0 13

Hello 

Please can some one help fix the mobile menu. The exit cross is overlapping the Home button as per below image (views on IPhone 12 Pro Max): 

 

48EB2BF8-664B-412C-9CFB-7C32951F4823.jpeg

 

URL is https://now-lashes.myshopify.com/. Password is Thoffo 

HardikDavra
Shopify Partner
2329 368 1003

@Emurph35 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.mobile-nav-wrapper .mobile-nav--custom-close {
    position: absolute;
    left: unset;
    top: 41px;
    right: 12px;
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
dmwwebartisan
Shopify Partner
7368 1746 2332

@Emurph35 

Please add the following code at the bottom of your assets/custom.css file. 

@media only screen and (max-width: 749px){
.mobile-nav-wrapper .mobile-nav--custom-close {
    top: 0px !important;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Pallavi
Shopify Expert
2235 370 484

Hello There,

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

@media screen and (max-width:991px){
.mobile-nav-wrapper .mobile-nav--custom-close {
left: auto;
right: 15px;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes