Mobile Site

Home Forums All Other Themes Mobile Site

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30337
    Chad
    Member
    • Topics: 3
    • Replies: 3
    • Total: 6
    Member since: March 17, 2016

    Hi folks,

    We have recently purchased the SKTBIZ theme and since it has been applied our mobile site is a bit messed up. I am not sure how to fix this, could anyone offer any help?

    As always, thank you!

    http://www.gracebaptistmarshfield.org

    #30395
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6817
    • Total: 6825
    Member since: June 12, 2013

    Hi,

    Kindly add this in Appearance>Theme Options>Basic Settings>Custom CSS:


    @media
    screen and (min-width:320px) and (max-width:767px) {
    .container { width:auto !important; padding:0 20px;}
    .about_text frame { width:100%;}
    #logo { width:320px !important; margin:auto; display:table;}
    }


    @media
    screen and (max-width:1024px) {
    .container { width:auto !important; padding:0 20px;}
    }

    Regards,
    Shri

    #30403
    Chad
    Member
    • Topics: 3
    • Replies: 3
    • Total: 6
    Member since: March 17, 2016

    Thank you very much for your timely response. Is there also a way to make the iframe responsive to the viewing device? It was still overflowing on smaller screens. I reduced it’s size manually but was wondering if it can be set to auto adjust.

    Thank You!

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

    Hi Chad,

    Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code:


    @media
    screen and (max-width:768px){
    iframe{ width:100%; height:auto; }
    }

    Regards,
    Brad

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