Mobile Header Contractor theme

Home Forums All Other Themes Mobile Header Contractor theme

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #175785
    RobertRobert
    Participant
    • Topics: 43
    • Replies: 59
    • Total: 102
    Member since: August 1, 2016

    Hello,

    How do I make this mobile header a little more cleaner / organized?

    https://ibb.co/G7z1jBT

    Thank you.

    #175802
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30995
    • Total: 30995
    Member since: August 16, 2013

    Hi,

    Your website is not opening properly. Therefore we are unable to check the issue.

    See screenshot;
    https://imgur.com/a/A6nMcW9

    Regards,
    Chris

    #175811
    RobertRobert
    Participant
    • Topics: 43
    • Replies: 59
    • Total: 102
    Member since: August 1, 2016

    Hello,

    The site looks normal when I’m logged in to backend and then go and view site. What could be causing it to look this way when not logged in?

    #175813
    RobertRobert
    Participant
    • Topics: 43
    • Replies: 59
    • Total: 102
    Member since: August 1, 2016

    I believe I fixed it, can you look at mobile now?

    #175823
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30995
    • Total: 30995
    Member since: August 16, 2013

    Hi,

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

    @media screen and (max-width:767px) {
    .head-info-area { background: #0034f7 !important;}
    .logo { max-width: 110px; padding-bottom:0 !important; margin-top:0 !important;}
    #simple-menu { margin-top:20px;}
    .head-info-area .suptp { margin-left:0;}
    }

    Regards,
    Chris

    #175842
    RobertRobert
    Participant
    • Topics: 43
    • Replies: 59
    • Total: 102
    Member since: August 1, 2016

    Almost there!

    How can I center the logo on top of phone number but keep 3 line menu where it’s at?

    Thank you!

    #175880
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30995
    • Total: 30995
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS:

    @media screen and (max-width:479px) {
    .logo { float:none !important; margin:0 auto !important;}
    #simple-menu {
        margin-top: -110px !important;
    }
    }

    Regards,
    Chris

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