Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

How can I alter the background color and remove a label button in mobile view?

Solved

How can I alter the background color and remove a label button in mobile view?

collins276
Trailblazer
213 1 32

Hi,

Can I change the background color of this section (Multicolumn 2 section) and remove the Label Button in Mobile view?

22aee68ec91766493f06.jpg

 

My url: https://189ee3-2.myshopify.com   

Thank you😊

Accepted Solution (1)

Anshul_arora
Navigator
453 129 106

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 ->

Anshul_arora_0-1712658880903.png


I hope the solution helps you.

Please share if you have any query

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Reply 1 (1)

Anshul_arora
Navigator
453 129 106

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 ->

Anshul_arora_0-1712658880903.png


I hope the solution helps you.

Please share if you have any query

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here