Dawn Theme - Make multicolumn section button the same size as hero button

Solved
sisaul
Explorer
55 0 16

Hello there,

I would like to use the same size of buttons in the hero banner and the multicolumn sections. Currently it seems that the auto width seems to work differently on those buttons. 
Can it be made the same?
I would also like to know how to make the buttons fixed size, for example 160px.
Preview link to the store:  https://cop5fm3gqz0u5a3c-60215460006.shopifypreview.com 

Thank You in advance!

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
31330 3130 10497

This is an accepted solution.

@sisaul 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-multicolumn.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
.multicolumn .button {min-width: 160px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)
KetanKumar
Shopify Partner
31330 3130 10497

This is an accepted solution.

@sisaul 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-multicolumn.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
.multicolumn .button {min-width: 160px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sisaul
Explorer
55 0 16

@KetanKumar  
Thank you for that!
To change the banner button I used the same code in section-image-banner.css but swapped .multicolumn to .banner. It seemed to work as well. 

KetanKumar
Shopify Partner
31330 3130 10497

@sisaul 

yes, as you like no rush 

thank for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing