Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
Can I change the background color of this section (Multicolumn 2 section) and remove the Label Button in Mobile view?
My url: https://189ee3-2.myshopify.com
Thank you😊
Solved! Go to the solution
This is an accepted solution.
Hello @collins276 ,
I understand you are looking to change some styling of the Multicolumn 2 section in your store.
You can remove the 'Button Label' & change the background color of the section in mobile view.
Please add the below mentioned CSS code at the bottom of the theme.liquid file before </body> tag and save.
<style>
@media screen and (max-width: 990px) {
a.link.underlined-link.large-up-hide {
display: none;
}
}
@media screen and (max-width: 767px) {
.multicolumn.color-background-1.gradient.background-none {
background-color: antiquewhite;
}
}
</style>
[Please feel free to change the background-color as per the requirement.]
Output ->
I hope the solution helps you.
Please share if you have any query
Thank you.
This is an accepted solution.
Hello @collins276 ,
I understand you are looking to change some styling of the Multicolumn 2 section in your store.
You can remove the 'Button Label' & change the background color of the section in mobile view.
Please add the below mentioned CSS code at the bottom of the theme.liquid file before </body> tag and save.
<style>
@media screen and (max-width: 990px) {
a.link.underlined-link.large-up-hide {
display: none;
}
}
@media screen and (max-width: 767px) {
.multicolumn.color-background-1.gradient.background-none {
background-color: antiquewhite;
}
}
</style>
[Please feel free to change the background-color as per the requirement.]
Output ->
I hope the solution helps you.
Please share if you have any query
Thank you.