password page not resizing on mobile

Solved
Highlighted
Shopify Partner
62 1 0

Hi,
would anyone have any suggestions around how I could fix  my landing page (password page) it doesn't seem to be resizing on mobile.

The URL is https://antarayogawear.com.au/password

 

 

0 Likes
Highlighted

could you share me your store password so i can check it 

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted
Shopify Partner
62 1 0

@ashiqueh4  it's the image on the actual landing page

0 Likes
Highlighted

Hello @kiradullard ,
You forget to share Password for your website frontend view.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Partner
62 1 0

@oscprofessional it's the image on the password page that I'm having the issue with

0 Likes
Highlighted

@kiradullard,
Please check on below Image,
For password page this image is used for complete image not for specific section.
So I think on main landing page Image is same but the way is used is different .
Choice is yours to show landing page or not. But I am just giving you facts.

image.jpg

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
667 170 234

Hi, @kiradullard ,

This is Evita from On The Map.

 

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:  700px){
   html, .password-page__image, .password-page__wrapper {
    width: 100%;
   }
   .password-page__wrapper, .password-page__main {
    display: block;
   }
  .password-page__image {
    position: absolute;
  }
  .password-page__main__inner hr {
    width: 100%!important;
   }
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Highlighted
Shopify Partner
62 1 0

@OTM thanks for your suggestion, I added in the code and the landing page is working a little better, there appears to a gap on the sie now though (on desktop and mobile).
IMG_1238.PNG

0 Likes
Highlighted
Shopify Partner
62 1 0

@oscprofessional thanks for your response, do you know how I would assign the image just to a section rather than the whole page?

0 Likes
Highlighted

Hello 
Yes add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

 

#shopify-section-password-content {
    background-image: url(//cdn.shopify.com/s/files/1/0051/9530/0967/files/home-herp_1800x.jpg?v=1570479761);
      background-size: cover;
 }
.password-page__image {
    display: none!important;
}

This will display image for section only.

 

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit