Dawn Theme Design Bug auf Smartphones bei "Schnellem Hinzufügen"

Solved

Dawn Theme Design Bug auf Smartphones bei "Schnellem Hinzufügen"

Roland
Excursionist
18 2 2

Hallo

 

Mir ist eine Design Bug beim aktuellen Dawn-Theme aufgefallen. Auf Smartphones (neuestes iOS / Safari) wird das + und - beim "Schnellen hinzufügen" nicht angezeigt. Siehe: 

IMG_8920.PNG

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Das ist aber tatsächlich nur auf echten Smartphones so. Verkleinere ich das Fenster am Desktop, passt es:

Bildschirmfoto 2025-02-07 um 11.50.53.png

 

Wie kann man das lösen?

Accepted Solution (1)
mageplaza-cs
Shopify Partner
394 32 67

This is an accepted solution.

You can add the following CSS code to the base.css file to completely resolve this issue.

@media only screen and (max-width: 480px){
    button.quantity__button[name="minus"] .svg-wrapper svg,
    button.quantity__button[name="plus"] .svg-wrapper svg{
        display: none;
    }

    button.quantity__button[name="minus"] .svg-wrapper::before{
        content: "_";
        padding-bottom: 18px
    }

    button.quantity__button[name="plus"] .svg-wrapper::before{
        content: "+";
    }
}

Please let me know if it works as expected!

Best regards

 

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

View solution in original post

Replies 4 (4)

mageplaza-cs
Shopify Partner
394 32 67

Hi @Roland,

I am from Mageplaza - Shopify solution expert.

Can you provide me with your website URL so that I can find the best solution for you?

Best regards

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

Roland
Excursionist
18 2 2

sure here is the link: https://28ef06-fb.myshopify.com/

i send you a pm for the pw.

mageplaza-cs
Shopify Partner
394 32 67

This is an accepted solution.

You can add the following CSS code to the base.css file to completely resolve this issue.

@media only screen and (max-width: 480px){
    button.quantity__button[name="minus"] .svg-wrapper svg,
    button.quantity__button[name="plus"] .svg-wrapper svg{
        display: none;
    }

    button.quantity__button[name="minus"] .svg-wrapper::before{
        content: "_";
        padding-bottom: 18px
    }

    button.quantity__button[name="plus"] .svg-wrapper::before{
        content: "+";
    }
}

Please let me know if it works as expected!

Best regards

 

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

Roland
Excursionist
18 2 2

Great Thanks! it worked! Best Roland