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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025