Mobile Width Full Screen with Elementor Builder

Home › Forums › Perfect Forum › Mobile Width Full Screen with Elementor Builder

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 18, 2019 at 6:39 pm #119830
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

    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

    March 19, 2019 at 5:32 am #119842
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    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

    March 19, 2019 at 1:29 pm #119880
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

    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

    March 20, 2019 at 5:17 am #119915
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    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

    March 21, 2019 at 12:56 am #119990
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

    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.

    March 22, 2019 at 6:12 am #120061
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    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

    March 22, 2019 at 7:22 pm #120144
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

    Hi Chris,

    I have sent a detailed email – as requested.

    Thank you so very much, in anticipation.

    –
    Ola

    March 24, 2019 at 3:15 pm #120173
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

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

    March 25, 2019 at 5:23 am #120180
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    Hi,

    Issue resolved from our end. Kindly check and confirm

    Regards,
    Chris

    March 27, 2019 at 2:26 am #120318
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

    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.

    March 27, 2019 at 5:53 am #120331
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    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

    March 28, 2019 at 12:59 am #120410
    spercold002spercold002
    Participant
    • Topics: 4
    • Replies: 12
    • Total: 16
    Member since: July 13, 2018

    Hi Chris,

    This is truly amazing.
    thanks team SKT.

    Thanks Chris, it worked!
    –
    Cheers.

    March 28, 2019 at 4:47 am #120413
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    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

    February 22, 2022 at 9:09 pm #190966
    Milan krsticMilan krstic
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: February 12, 2021

    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

    February 23, 2022 at 10:45 am #190981
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30745
    • Total: 30745
    Member since: August 16, 2013

    Hi Milan krstic,

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

    Regards,
    Chris

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.