Re: change background color and padding for the container on mobile for the banner with picture on D

Solved

change background color and padding for the container on mobile for the banner with picture on Dawn

Sauron6263
Excursionist
39 0 5

hello, i am struggling to change background color and padding for the container on mobile for the banner with picture on Dawn theme. When you add a banner with a picture, the button to see the product is in the middle of the banner on phone and you cannot see it, so you can use "Show container on mobile" and the button is under but you cannot change the background color and i would like to put in black and reduce the top and under padding too only for mobile because on the computer it is big enough to see the banner, do you know how to proceed ? thx you 🙂

Capture d'écran 2024-04-01 131929.png

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
349 87 82

This is an accepted solution.

Add This css in your Base.css File

@media screen and (max-width:767px){
    .banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient {
        background: #000;
        padding: 40px 0;
    }
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 2 (2)

Raj-webdesigner
Shopify Partner
349 87 82

This is an accepted solution.

Add This css in your Base.css File

@media screen and (max-width:767px){
    .banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient {
        background: #000;
        padding: 40px 0;
    }
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


Sauron6263
Excursionist
39 0 5

thx !!