Mobile Pages Not Formatting Correctly

Home Forums Massage Center (Spa) Forum Mobile Pages Not Formatting Correctly

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #124740
    Craig
    Participant
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: September 28, 2016

    Hi

    I am having a mobile page formatting issue. Most pages look fine on mobile, but a few will not stretch to the full width of the mobile device.

    Any idea how to fix this problem?

    Example

    Contact Us

    Thanks

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

    Hi,

    Your 1 year support for theme has expired. To continue receiving theme updates/access and support for another year kindly subscribe for just $18

    Pay via PayPal:

    https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=E6MFAFM4T6RDL

    OR

    Pay via Credit Card:

    https://sites.fastspring.com/sktthemes/product/singlethemeyearly

    Once paid we will again renew your support for 1 year and you will also receive theme updates/access as and when they happen.

    Regards,
    Chris

    #124849
    Craig
    Participant
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: September 28, 2016

    I paid the support fee.

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

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .entry-content iframe, #cpm_sROrFI { width: 100% !important;}

    Regards,
    Chris

    #124916
    Craig
    Participant
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: September 28, 2016

    Thanks for the response…

    I added the code to the CSS and cleared the cache in my mobile device, and the pages are still not rendering correctly. When the page first loads it looks correct (full width, but then it get skinny.

    #124918
    Craig
    Participant
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: September 28, 2016

    Screenshot on mobile
    2019-06-11_0855

    Not all pages are doing it. And some pages are skinnier than others. I have never seen this before.

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

    Hi,

    Kindly use this one

    @media screen and (max-width:767px) {
    .entry-content .cpm-map {
        width: 100% !important;
    }
    }

    Regards,
    Chris

    #124927
    Craig
    Participant
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: September 28, 2016

    Thanks. That did fix the Contact Us page but not the others.

    Book an Appointment

    Video Library

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

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
    .hours-and-scheduling.table, .entry-content iframe { width:100% !important;}
    }

    Regards,
    Chris

    #124999
    Craig
    Participant
    • Topics: 2
    • Replies: 7
    • Total: 9
    Member since: September 28, 2016

    That worked. Thank you.
    One more thing… On mobile, I have this large white space from under the page header image and the page title. How would I reduce this space?

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

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:479px) {
    .innerbanner { height:155px;}
    }

    Regards,
    Chris

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