change text and image placement on mobile view

[alexmosp91]

hi, i have a shopify theme that I paid for (start up theme) and when i set up slide show and view it on mobile, the text is on the right. is there a code I can input that centers the image and text on mobile only?

I want it on the right on desktop but it looks odd on mobile.

www.chiquebeautybar.com

[dmwwebartisan]

@alexmosp91 

Please add the following code at the bottom of your assets/theme.css file

@media (max-width: 719px){
.has-image .slide-text { text-align: left !important; }
}

Hope this helps.

Thanks! 

[maisoninterieur]

I'm using the Lorenza theme and don't have the assets/theme.css file, I need to center the text in the mobile version since everything is placed to the left right now. Do you have any recommendations? Really need it to be centered!

[Michael_Pink]

Hi @alexmosp91 
Thank you for your question. 
If you are talking about the text align on the slider.
You can follow this to fix:
follow this path:
Themes => edit code => asset => theme.css.liquid
and add this code to bottom of the file theme.css.liquid

@media (max-width: 719px) {
.slide-text {
text-align: center!important;
}
}

Do not hesitate to let me know, if you have any questions.
email: shopify.expert.team@gmail.com

[alexmosp91]

it worked thank you!!

is there anyway i can adjust the header image to be more centre as well??

[Michael_Pink]

Hi @alexmosp91 
Your mean is image in slider??

[alexmosp91]

yes, i have the same image but centered. is there anyway to center the image with product in the middle, or insert the actual image with product in the middle? 

current image has the product on the left so the text is on the right.

[alexmosp91]

this website does it well : https://flovitamins.com/

[Michael_Pink]

Hi @alexmosp91 
The images on your site and demo you send me are different.
in your images, the product is align left
https://cdn.shopify.com/s/files/1/0470/3515/4599/files/web_Ale_Mospanyuk_Chique_Beauty_Bar_r2_MSP_21...
so better than if you can make the section display another image for mobile view.

[alexmosp91]

thanks michael. how can i do that? can i set up a completely different image for mobile view only? 

[alexmosp91]

i have images here, these are centred. if possible, i would like for these to show on mobile only, as for desktop, the original images work well as they are.

[Michael_Pink]

HI @alexmosp91 
To make image display different on mobile and desktop.
You need to change in the theme code to improve your theme.
mail for me: shopify.expert.team@gmail.com