Coach Press Mobile Site…

Home Forums All Other Themes Coach Press Mobile Site…

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #205956
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    The mobile site is a mess for this theme. The top bar social icons are not aligned left and right, the menu hides half the page because it is behind it, the page titles are also under the menu.

    My site is simplysellrealty.com where you can see it.

    Please help!

    #205957
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    Also at some screen sizes there is a glimpse of the page title color to the far left and right of the menu.

    #205959
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30624
    • Total: 30624
    Member since: August 16, 2013

    Hi,

    1. The mobile site is a mess for this theme. The top bar social icons are not aligned left and right, the menu hides half the page because it is behind it, the page titles are also under the menu???

    Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .header.type3 .logo, .header.type4 .logo { width:75%;}
    .header.type3 #simple-menu { margin-top: 20px;}
    .home #content { margin-top:0;}
    .head-info-area .left, .head-info-area .right { float: left; width: 50%;}
    }

    2. Also at some screen sizes there is a glimpse of the page title color to the far left and right of the menu??

    Ans: Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Dave

    #205962
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    Hi, I added the CSS and it still is off centered (see below). I think the issue with the title is that I do not have it hidden but it is not showing.

    https://ibb.co/VMcLGwz
    https://ibb.co/CQp5czp

    #205964
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30624
    • Total: 30624
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (min-width:768px) and (max-width:1023px) {
    .head-info-area .left {
      text-align: left !important;
    }
    }
    .mywrap { position:relative;}
    .header_layout3 {
      width: 1200px;
      margin: 0 auto;
    }
    .page_head, .post_head, .services_head { height:170px;}

    Regards,
    Dave

    #205966
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    That works for most screen sizes, please see below. Please test by reducing the screen all the way. It seems that other sizes it is still messing up.

    https://ibb.co/C1RGChs

    #205970
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    Also, the top bar is messing on that same pic.

    #205971
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30624
    • Total: 30624
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

    @media screen and (min-width:1024px) and (max-width:1160px) {
    .header_layout3 {
      width: 95%;
      margin: 0 auto;
    }
    .page_head, .post_head, .services_head {
      height: 170px !important;
      width: 100%;
      margin: 0 auto;
    }
    .head-info-area .right { padding-top:10px; float: right !important; width: 26% !important;}
    }

    Regards,
    Dave

    #205972
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    Now the page doesn’t shrink well, it will scroll right due to a wide title bar.

    #205973
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30624
    • Total: 30624
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS code.

    @media screen and (min-width:320px) and (max-width:1023px) {
    .header_layout3 {
      width: 100%;
      margin: 0 auto;
    }
    }

    Regards,
    Dave

    #205974
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    The title is still hidden on a certain width (see below). Thank you for being so responsive and fixing this!

    https://ibb.co/414vjB8

    #205980
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30624
    • Total: 30624
    Member since: August 16, 2013

    Hi,

    Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

    We’ll check and revert back to you.

    Regards,
    Dave

    #205984
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    Hi, you have my URL and I can’t provide access to the admin. It’s doing the same thing that you provided a solution for above but just at another screen size. Can you please test my contact page by making it narrow and you will see that the title is being a Hidden at some point again.

    #205986
    Lisa BerryLisa Berry
    Participant
    • Topics: 2
    • Replies: 13
    • Total: 15
    Member since: November 14, 2022

    How can I just hide the title on mobile and not have the front page hero hide behind the menu??

    #205987
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30624
    • Total: 30624
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

    @media screen and (max-width:479px) {
    .header_layout3 {
      display: none !important;
    }
    }

    Regards,
    Dave

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