Shopify themes, liquid, logos, and UX
Hi there!
how can i move the follwing error message to a new line, that it is not hidden by the button?
How it not should look like:
Where error message should be placed:
URL: Pokémon s6H Silver Lance 30er Display - Japanisch – JamoCards
Solved! Go to the solution
This is an accepted solution.
Add This css in your edit Code > base.css file
.product-form__error-message-wrapper[hidden] ~ form {
position: relative;
}
product-form.product-form {
position: relative;
}
product-form.product-form form{
position: absolute;
top: 0;
width:100%;
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
This is an accepted solution.
Add This css in your edit Code > base.css file
.product-form__error-message-wrapper[hidden] ~ form {
position: relative;
}
product-form.product-form {
position: relative;
}
product-form.product-form form{
position: absolute;
top: 0;
width:100%;
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
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