Why isn't my text-image display working on mobile?

[Elias10]

Hi, I wanted to make my website look good, with no frames around my images. I tried to do it on the left side and it worked good, on phone and on PC. But I tried to code some myself on the right side and it looks great on PC, but in mobile it is not showing and is all to the right. Please look at my website to see what i mean in the home page.

Website: https://d8106d-4.myshopify.com/

No password

Regards Elias

[theycallmemakka · Accepted solution]

Hi @Elias10 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media only screen and (max-width: 800px) {
  #shopify-section-template--20481422000470__bacf1f37-4c23-490c-b126-a897e4af2c8a .page-width {
        margin: 0px!important;
    }
}
</style>

 Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Elias10]

Also, do you think you could help me with moving the text on only PC to the center instead? Like this: