Mobile Width Full Screen with Elementor Builder

[spercold002]

Hi there,

I use SKT Perfect, and i notice that, on Mobile, my FULL WIDTH, does not fill the entire width of the screen.
However, on desktop, it does.
But on mobile, it has a a white padding on the sides.

Please help.

Thanks in anticipation

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Chris

[spercold002]

Hi,
I’m doing that now…

Below is it:

Mine: https://prnt.sc/mzzljh
Versus
https://prnt.sc/mzzmbk

PS:
I did all checks while creating this my test page – i actually created a new page for the test.
I used “Full Width”, both at Page layout level, and at Elementor design level

Thanks in anticipation.
Ola

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.center { width:100%;}
.logo { padding-left:15px;}
#footer .rowfooter { margin:45px 0 20px 0;}
}

Regards,
Chris

[spercold002]

Hi,

It did not work yet, and i’ve added the code.

The logo shifted, and the footer also got more padded.
However, the mobiles screen didn’t become a full width screen on mobile phone (screenshot: https://prnt.sc/n0rasr )

There’re still white spaces on the sides, while viewing on mobile.
Please help.

Thanks.

[Sonnal S Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email: [email protected] Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Chris

[spercold002]

Hi Chris,

I have sent a detailed email – as requested.

Thank you so very much, in anticipation.

–
Ola

[spercold002]

Hi Chris – Just want to be sure – have you received my Email yet?
–
Thanks

[Sonnal S Sinha]

Hi,

Issue resolved from our end. Kindly check and confirm

Regards,
Chris

[spercold002]

Nice one Chris!
I confirm that it’s done!
–
Now that its done, on the test domain.
Please will you kindly tell me, how it achieved? – so that i can replicate this resolve, on my other website having this exact issue.
–
Once again i’m proud of the SKT support team.
–
Thank so very much, you in anticipation.

[Sonnal S Sinha]

Hi,

If you get this problem again, then you should use this CSS code.

@media screen and (max-width:767px) {
.center { width:100% !important;}
.logo { padding-left:15px;}
#footer .rowfooter { margin:45px 0 20px 0;}
}

Regards,
Chris

[spercold002]

Hi Chris,

This is truly amazing.
thanks team SKT.

Thanks Chris, it worked!
–
Cheers.

[Sonnal S Sinha]

Hi Ola,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/21/

Regards,
Chris

[Milan krstic]

Hi Chris,

i also have the same problem, can you fix this
i use code but sill same a have white padding on the right sides.
Thanks

[Sonnal S Sinha]

Hi Milan krstic,

Please create your own topic and then post your query there.

Regards,
Chris

[Author]

Posts