hi
use this
@media(min-width:319px){
.product .summary.entry-summary .button.green{
width:650px !important
}
.product .summary.entry-summary .button.green font font {
font-size:10px !important;
}
}
@media(max-width:768px){
.product .summary.entry-summary .button.green{
width:350px !important;
}
.product .summary.entry-summary .button.green font font {
font-size:5px !important;
}
}
it is tested on your site
change the font size in previously provided code and then check this on your site or you can remove !important form the previously provided code from font-size element
This reply has been marked as private.
hi
remove the above code and use this one:
@media(min-width:319px) and (max-width:425px){
.product .summary.entry-summary .button.green{width:250px !important;display:flex;/* align-self: center !important; */flex-direction: row-reverse;}
.product .summary.entry-summary .button.green font font {
font-size:7px !important;
}
}
This reply has been marked as private.
ooh i think you have removed this code too:
.product .summary.entry-summary .button.green{
font-size: 25px !important;
font-weight: 600 !important;
box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 50%) !important;
background-color: #5cb85c !important;
color: #fff !important;
border:none !important;
border-radius: 5px;
}
.product .summary.entry-summary .button.green:hover{
transform: scale(1.1);
background-color: #5cb85c !important;
color: #fff !important;
}
if you add this too then the styling will be applied as same as you want
This reply has been marked as private.
aah let me apply this on your site
hi
please check now and let me know
This reply has been marked as private.
This reply has been marked as private.
.
