Login Credentials being block in mobile view

Solved
Boonphei
Shopify Partner
38 0 6

Hi there,

My login and register mobile view is being blocked by the background picture while I clicked the icon. How could I solve this issue?

 

URL:https://dermaskinshop-testing-2022.myshopify.com/

Password: Neoasia46100

account.png

 

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
14218 2146 2618

This is an accepted solution.

@Boonphei 

 

@media screen and (max-width: 567px){
.header-animate {
  margin-top: 34px;
}
.header-type-7 #slidedown-modal {
	z-index: 99;
	background: #fff;
}
.triangle-icon-block-4 {
	z-index: -1 !important;
}
}

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->frame.scss.liquid

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 3 (3)
oscprofessional
Shopify Partner
14218 2146 2618

@Boonphei ,

oscprofessional_0-1655971317751.png

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
oscprofessional
Shopify Partner
14218 2146 2618

This is an accepted solution.

@Boonphei 

 

@media screen and (max-width: 567px){
.header-animate {
  margin-top: 34px;
}
.header-type-7 #slidedown-modal {
	z-index: 99;
	background: #fff;
}
.triangle-icon-block-4 {
	z-index: -1 !important;
}
}

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->frame.scss.liquid

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Boonphei
Shopify Partner
38 0 6

Hi @oscprofessional , that is correct.