Hi @deluc004 ,
If you want to change the width of Shop Now button,
->Go to your online store.
->Select Theme.
->Click Customize.
→ then select the section you want to edit.
->Scroll down on the right side to find the custom CSS section, and paste the following code:
#shopify-section-template--19892489224459__rich_text_9mxdyU .button-wrapper .button.button--primary{
width:100%;
}
if you want to reduce the gap between the review bar and shop now button, select the review widget and find custom css section and paste the following code:
@media only screen and (max-width: 750px) {
#shopify-section-template--19892489224459__1721249464e428490b{
margin-top: -20px;
padding-inline: var(--container-gutter);
}
}
#shopify-section-template--19892489224459__1721249464e428490b{
margin-top: -30px;
padding-inline: var(--container-gutter);
}
if you need to hide the review bar on devices other than mobile use this css code:
@media only screen and (min-width: 768px) {
#shopify-section-template--19892489224459__1721249464e428490b{
display:none;
}
}
Result:-
If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!
Regards,
Sweans