How To Make Background Image On Password Page Fill The Screen Dawn theme?

How To Make Background Image On Password Page Fill The Screen Dawn theme?

Visionaryclo
New Member
7 0 0

Hi all,

My URL: visionaryclo.de

I am running into a problem with making the background image on my password page cover the full length of the screen height wise. 

There is a big white bar at the bottom of the password page that I am trying to get rid of.

Replies 5 (5)

Artzen_tech
Shopify Partner
536 107 108

Hello @Visionaryclo 
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:
1) Go to your Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following CSS at the bottom of the file above </body>

 

<style>
.password footer {
    display: none;
}
@media only screen and (max-width:768px) {
.password .email-signup-banner{
height: 100%;
}
}
</style>​

Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
Visionaryclo
New Member
7 0 0

hat nicht funktioniert

 

Artzen_tech
Shopify Partner
536 107 108

Please try with the below css .

<style>
#shopify-section-main-password-footer {
    display: none!important;
}
@media only screen and (max-width:768px){
.email-signup-banner{
height: 100%!important;
}
}
</style>​



If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

Moeed
Shopify Partner
4309 1107 1356

Hey @Visionaryclo 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-section-main-password-footer {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1697022468227.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Visionaryclo
New Member
7 0 0

Der Rahmen ist nun weg, aber das Bild ist immer noch nicht vollständig bei der handy version ist es am meisten