Shopify themes, liquid, logos, and UX
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:
Das ist aber tatsächlich nur auf echten Smartphones so. Verkleinere ich das Fenster am Desktop, passt es:
Wie kann man das lösen?
Solved! Go to the solution
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
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
sure here is the link: https://28ef06-fb.myshopify.com/
i send you a pm for the pw.
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
Great Thanks! it worked! Best Roland
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025