Mobile Site

Home Forums All Other Themes Mobile Site

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30337
    ChadChad
    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
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    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
    ChadChad
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    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.