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: 39
    • Replies: 57
    • Total: 96
    Member since: August 1, 2016

    Hello,

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

    IMG-1600

    Thank you.

    #175802
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27912
    • Total: 27912
    Member since: August 16, 2013

    Hi,

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

    See screenshot;

    View post on imgur.com

    Regards,
    Chris

    #175811
    RobertRobert
    Participant
    • Topics: 39
    • Replies: 57
    • Total: 96
    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: 39
    • Replies: 57
    • Total: 96
    Member since: August 1, 2016

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

    #175823
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27912
    • Total: 27912
    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: 39
    • Replies: 57
    • Total: 96
    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
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27912
    • Total: 27912
    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.