Insert text before product addons!

Hi, there! 

I would like to see if Im doing right trying to Insert text before product addons!

 https://www.novaswood.com/panels/p/brazil-thin-6j7h7-w8l7m

Pass: Novas2023woodweb

On desktop I think works nice, but looks very bad in mobile.

This is the code that I used:

///SAMPLE TEXT///

.ProductItem .ProductItem-details .pdp-product-add-ons:before{
content: "Do you only want a sample? ⌄"!important;
  font-size: 28px;
  font-family: ivypresto-display
    !important;
  position: relative;
    bottom: -25px;
}

Thank you so much for your help.

Alex

Nobody?

Change your code to this

.ProductItem .ProductItem-details .pdp-product-add-ons:before{
content: "Do you only want a sample? ⌄"!important;
  font-size: 28px;
  font-family: ivypresto-display
    !important;
  position: relative;
    bottom: -25px;
}
@media screen and (max-width:767px) {
.ProductItem .ProductItem-details .pdp-product-add-ons:before{
    bottom: 20px !important;
}
}

On 1/1/2024 at 2:23 AM, tuanphan said:

Change your code to this

.ProductItem .ProductItem-details .pdp-product-add-ons:before{
content: "Do you only want a sample? ⌄"!important;
  font-size: 28px;
  font-family: ivypresto-display
    !important;
  position: relative;
    bottom: -25px;
}
@media screen and (max-width:767px) {
.ProductItem .ProductItem-details .pdp-product-add-ons:before{
    bottom: 20px !important;
}
}

 

Thank u so much!!