Mobile version of website not fitting.

[Phreshcareco]

Hey guys, 

I need help with the mobile version of our website. For some reason you can scroll right on mobile version. Is there any way of making it fit nice and snug so you just can scroll up and down without it going side to side? 

 

Url- www.phreshcareco.com.au

Thank-you again in advanced. 

[mageplaza-cs]

Hi @Phreshcareco,

We’ve tested your website on real devices and didn’t encounter any issues. If you’re experiencing problems using browser tools, try refreshing the page. This should resolve the issue.

Let us know if you need further assistance!

[Mehran_Ali · Accepted solution]

Hi @Phreshcareco 

The issue occurs due to overflow of two section elements { custom Image Carousal , Review Section }

Add this CSS it will resolve the issue 

@media(max-width:767px){
    .custom-imagecarousel-slider { overflow-x: hidden; }
    .review__section { overflow-x: hidden; }
}

[Phreshcareco]

Hey mate, 

It looks like its still doing it, but its only happening on the review section with the arrow.

Is there anyway of hiding this? on mobile version only. 

[BSS-TekLabs]

- Here is the solution for you @Phreshcareco 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.review__section  {
     overflow-x: hidden !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Phreshcareco]

Hey mate, 

It looks like its still doing it, but its only happening on the review section with the arrow.

Is there anyway of hiding this? on mobile version only.