How can I center my homepage image and text on mobile view?

Cukrovinky
Tourist
22 0 2

Hi. As you can see on my website: https://c31a31-2.myshopify.com/ pass:password when you open homepage in mobile size, the first image is not centered and I would like to center it to the middle. Also the text under the image is on the right side, but I want it also in the middle, with different color of the text(only for the mobile size). Thanks for any help.

Cukrovinky_0-1708453146929.png

 

Replies 2 (2)

pooja_d_92
Shopify Partner
132 16 18

Hey @Cukrovinky 

I hope you are well and safe!!

Please use below code in base.css, it's for text center in mobile version but for image you need to create an image for that we need access to some theme code.

@media screen and (max-width: 749px){
.banner--mobile-bottom .slideshow__text.banner__box .banner__text {
padding: 0 !important;
}
}

 

Thanks

Pooja Devi
Cukrovinky
Tourist
22 0 2

Oh, right. Can you give me code to change the background image for mobile size?  Thanks