Header Problem

Home Forums IT Consultant Support Header Problem

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #187508
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    Hello Support i need some help over here it took almost 48 hours for one request of mine to be completed.
    I need someone to help me out with my header, I need to know if I can add a custom header in place becouse my phone view header is not the header i want can you guys at least make the phone view header look exactly like my desktop header.

    #187511
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    This is my current phone view header and i want it to look like my desktop header
    2

    #187513
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    And this is my desktop view this is how i want my phone view header to be arranged
    Screenshot-168

    #187515
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    my website link azenoelectronics.co.ke

    #187516
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    my wordpress admin login detail
    username admin
    password Adnan@1234

    #187517
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    Can you please please please help me out i have a DEAD LINE to meet

    #187518
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 28219
    • Total: 28219
    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:479px) {
    .logo {
        float: left;
        margin: 0;
    }
    .header-content-right {
        float: right;
        width: 60%;
    }
    .header-extras li:first-child {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    }

    Regards,
    Dave

    #187536
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    Oh my god i really appreciate it really do but can you help me with one small little detail.
    How can i remove the search bar only from the phone view. i know I’m being annoying but please help me out

    #187537
    Abdikadir Osman IbrahimAbdikadir Osman Ibrahim
    Participant
    • Topics: 19
    • Replies: 65
    • Total: 84
    Member since: October 18, 2021

    please

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

    Hi,

    Kindly use this CSS to remove search bar in mobile.

    @media screen and (max-width:479px) {
    .header-extras .product-search-form { display:none;}
    }

    Regards,
    Dave

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