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
  • #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

    #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

    #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

    #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

    #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.

    #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

    #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

    #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

    #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

    #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.

    #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

    #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.

    #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

    #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

    #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

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