Add to cart error message placing

Solved

Add to cart error message placing

flo3393
Excursionist
32 2 6

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:

flo3393_0-1719314141454.png


Where error message should be placed:

flo3393_1-1719314180868.png

 

URL: Pokémon s6H Silver Lance 30er Display - Japanisch – JamoCards

 

 
 
 
 
 
 
 
 
 
Accepted Solution (1)

Raj-webdesigner
Shopify Partner
324 76 78

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%;
}

Are you looking for Shopify Developer then your search is over I will help you


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.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

Reply 1 (1)

Raj-webdesigner
Shopify Partner
324 76 78

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%;
}

Are you looking for Shopify Developer then your search is over I will help you


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.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com