Adjust Button size on desktop version - Palo Alto Theme

[YK92]

Left) Current button size on the desktop version Right) Button size on the mobile version (PREFER SIZE)

Hello,

You can see my 3 buttons on the desktop version look different compared to them on the mobile version.

How can I make those 3 button on the desktop version look similar to them on the mobile version?

Thank you for your assistance in advance.

https://www.yook92.com (password: 692)

[infoatcodelab7]

@YK92

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

@media only screen and (min-width:480px)
.btn, .shopify-payment-button__button--unbranded {
	min-width: 250px;
}

Hope this works well.

[suyash1]

@YK92 - please add this css to the very end of your theme.css file and check

.template-index .brick__section__wrapper .btn{min-width: 240px; max-width:240px;}