how to get this text from left to right in mobile version??

[rgeafrauuhf]

how to get this text from left to right in mobile version??

its multiple images with text section..

https://huurraa.myshopify.com/products/lita-installation

pass = Hurra

[niraj_patel · Accepted solution]

Hello @rgeafrauuhf 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>

@media screen and (max-width: 767px) {
   .multiple-images-with-text__content-with-nav .prose.is-selected{
         text-align: left !important;
    }

}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[GTLOfficial]

Hello @rgeafrauuhf 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
add this code at the end of the file.

.multiple-images-with-text__content-with-nav {
text-align: right !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sweans]

Hi @rgeafrauuhf ,

In order to get the text from left to right in the mobile version, you can add this code to your theme.css file

@media(max-width:1000px) {
  .multiple-images-with-text__content-with-nav {
    text-align:left;
}
}

The output will look like this

Follow these steps to add the code:

Step1 : Open shopify backend→ Sales Channels→Online Stores→themes→ Three dots near current theme→ Edit code(see screenshot)

Step 2 : Search for theme.css in the search bar in the left sidebar of the page

Step 3: Add the above code at the end of the theme.css file

Feel free to ask any questions on the solution.

And if you found this helpful please select this as the approved solution

Regards,
Sweans

[BSSCommerce-B2B]

Hi @rgeafrauuhf 

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.css and add this code snippet to the end of the file

@media screen and (max-width: 750px) {
.prose.is-selected>* {
    text-align: left;
}
}

Result

If it's helpful, please like and mark it as a solution, thank you 😘