Painting Company Theme – mobile issues

Home Forums All Other Themes Painting Company Theme – mobile issues

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #108555
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    On my phone, the display only takes up about 1/2 the screen on the left side. See https://imgur.com/a/KO3iVxN

    Website is http://lswebsitedesigns.com/capital/

    Also, is there a way to make the navigational menu more like an accordian. Instead of everything being displayed all at once, they have to click About to see the sub-pages underneath it.

    Thanks for your help!

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

    Hi,

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

    Add this code there:

    .one_half iframe { width:100% !important;}

    Regards,
    Chris

    #108636
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    Thanks, that fixed the home page but the other pages still do not display correctly.

    #108760
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    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) {
    .site-main { width:100%;}
    }

    Regards,
    Chris

    #108782
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    That did not work. The header, footer and side widgets still take up less than half the screen. See https://imgur.com/a/mJcF8PK

    Thank you.

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

    This CSS should work:

    @media screen and (max-width:767px) { .site-main {width:100%;} }

    Regards,
    Shri

    #108850
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    That is the same code I was given yesterday, and it does not work.

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

    Try this:

    .site-main {width:100% !important;}

    Regards,
    Shri

    #108946
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    That worked. Thank you very much!

    #108955
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    Actually, that doesn’t help me because when I put that in, all of the widgets that used to be on the side of the pages now go to the bottom, below all the content.

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

    This should help:

    please remove all this “site-main” of CSS and Add new CSS

    @media screen and (max-width: 767px){
      .site-main{width:100% !important;}
    }

    Regards,
    Shri

    #109249
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    Thanks, it’s working now. I had a second question in the original post:

    Also, is there a way to make the navigational menu more like an accordian. Instead of everything being displayed all at once, they have to click About to see the sub-pages underneath it.

    Thanks for your help!

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

    Will have the change the whole menu code for this can’t be done via CSS.

    Regards,
    Shri

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