Login Credentials being block in mobile view

Solved

Login Credentials being block in mobile view

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)
oscprofessional
Shopify Partner
16405 2444 3195

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

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
16405 2444 3195

@Boonphei ,

oscprofessional_0-1655971317751.png

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
oscprofessional
Shopify Partner
16405 2444 3195

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

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
Boonphei
Shopify Partner
38 0 6

Hi @oscprofessional , that is correct.