Solved

How can I fix alignment issues on my website's mobile version?

Sajjadmeysami
Tourist
5 0 1

Hello;

There's a part on my website which in the mobile version isn't look good. The content is attached to the far left of the screen which makes it hard to read. I don't have this issue with my desktop version. 

Is there any solution to my problem?

I have attached a photo so you can see what I meanWhatsApp Image 2022-02-08 at 1.41.10 PM.jpeg

 

Accepted Solution (1)
Akibhusen
Shopify Partner
715 121 147

This is an accepted solution.

Hi @Sajjadmeysami,

 

Please add the below CSS code at the end of your theme.scss file. You can find this file under the asset folder.

 

@media(max-width:767px){
.hero--medium .hero__inner{
padding:80px 20px;
}
}

 

View solution in original post

Replies 5 (5)

Akibhusen
Shopify Partner
715 121 147

@Sajjadmeysami  Can you please share this page URL? SO, I can check and guide you for changes.

Sajjadmeysami
Tourist
5 0 1

@Akibhusen 

my website is : www.raytheoncommerce.com

You can find this part in the home page of my website 

Akibhusen
Shopify Partner
715 121 147

This is an accepted solution.

Hi @Sajjadmeysami,

 

Please add the below CSS code at the end of your theme.scss file. You can find this file under the asset folder.

 

@media(max-width:767px){
.hero--medium .hero__inner{
padding:80px 20px;
}
}

 

Sajjadmeysami
Tourist
5 0 1

@Akibhusen 

Dear I really appreciate and thankful for your kind help. 

It worked and my issue just solved.

Warmest Regards

Akibhusen
Shopify Partner
715 121 147

@Sajjadmeysami,

 

You are strongly welcome. 🙂