Mobile Pages Not Formatting Correctly

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

This topic contains 10 replies, has 2 voices, and was last updated by  Forum Moderator 3 months, 1 week ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #124740

    Craig
    Participant
    • Topics: 1
    • Replies: 7
    • Total: 8
    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: 21728
    • Total: 21728
    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: 1
    • Replies: 7
    • Total: 8
    Member since: September 28, 2016

    I paid the support fee.

    #124864

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    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: 1
    • Replies: 7
    • Total: 8
    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: 1
    • Replies: 7
    • Total: 8
    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: 21728
    • Total: 21728
    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: 1
    • Replies: 7
    • Total: 8
    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: 21728
    • Total: 21728
    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: 1
    • Replies: 7
    • Total: 8
    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: 21728
    • Total: 21728
    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.