Dawn theme - multicolumn button is turning into a link in mobile view

Solved

Dawn theme - multicolumn button is turning into a link in mobile view

hnaegele
Excursionist
30 1 3

Hoping someone can help me - in the multicolumn container at the bottom of my homepage, there is a single button that says "Verses we love" - https://29and11.com/.  However when you go into the mobile view, the button that was once under the pictures is now just a link above the pictures and below the heading.  Can someone tell me how to turn into a button that resides under the pictures in the mobile version?

 

Thank you!!

Accepted Solution (1)

Futuremerce
Shopify Partner
15 8 6

This is an accepted solution.

Hi there,

 

Add the following code to your theme.liquid file just before the </body> tag to solve that issue.

 

<style>
@media screen and (max-width: 989px) {
.multicolumn .center.small-hide.medium-hide {
display: block !important;
}

.multicolumn .title-wrapper-with-link .large-up-hide {
display: none;
}
}
</style>

 

Thanks,

Blake @ Futuremerce

★ Need help with your store? Feel free to reach out ★

https://www.futuremerce.com
hello@futuremerce.co

View solution in original post

Replies 2 (2)

Futuremerce
Shopify Partner
15 8 6

This is an accepted solution.

Hi there,

 

Add the following code to your theme.liquid file just before the </body> tag to solve that issue.

 

<style>
@media screen and (max-width: 989px) {
.multicolumn .center.small-hide.medium-hide {
display: block !important;
}

.multicolumn .title-wrapper-with-link .large-up-hide {
display: none;
}
}
</style>

 

Thanks,

Blake @ Futuremerce

★ Need help with your store? Feel free to reach out ★

https://www.futuremerce.com
hello@futuremerce.co

hnaegele
Excursionist
30 1 3

Hi Blake,  That worked perfectly - thank you!!!