Mobile width settings

Home Forums All Other Themes Mobile width settings

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #146949
    Frank
    Participant
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 19, 2016

    Hi,

    One more question please for the Reiki theme. It’s about setting the right width for mobile devices. Right now it fit the screen but if you swipe to the left there is still space left. This looks very messy, especially with my floating widgets. Is there a code i can paste in CSS so it loads in nice and tight?

    Home

    Your help is much appreciated

    Thanks,
    Frank

    #146950
    Frank
    Participant
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 19, 2016

    frankheininga.nl

    #146960
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    Member since: August 16, 2013

    Hi,

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

    @media screen and (min-width:480px) and (max-width:767px) {
    body.home.site_boxed .header_wrap.layer_wrapper, .site_boxed .layer_wrapper, body.home.site_boxed #slidera { width:100% !important; margin:0 !important;}
    }

    Regards,
    Dave

    #147067
    Frank
    Participant
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 19, 2016

    Hi, it’s not working as i expected. The mobile version still is not ‘tight’, of completely filled. There is still room left when you swipe the screen to the left. I my case about 6 to 7 millimeter om my mobile screen.

    Please advice.

    #147149
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    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,
    Dave

    #147224
    Frank
    Participant
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 19, 2016

    Mobile width

    This is an example when I already swiped to the left. The goal is that there should be no space at all.

    Regards,
    Frank

    #147234
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    Member since: August 16, 2013

    Hi,

    Kindly use this one:

    @media screen and (max-width:767px) {
    .skt-builder-home-section1-block .skt-builder-columns-row { margin-left:0 !important; margin-right:0 !important;}
    }

    Regards,
    Dave

    #147237
    Frank
    Participant
    • Topics: 4
    • Replies: 6
    • Total: 10
    Member since: January 19, 2016

    Wauw! Yes, it’s working. Many gratitude for your support 🙂

    #147240
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24877
    • Total: 24877
    Member since: August 16, 2013

    🙂

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