Header Issues - by aahmadi3 - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

  • Avatar: aahmadi3
    aahmadi3
    Participant
    September 10, 2018 at 23:20

    Hello,
    My header is in pretty bad shape when adjusting my browser size. When in 768 x 1024 I see double login and cart icons. Please help me fix this.
    Thanks.
    Ali

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 11, 2018 at 07:24

    Hello,

    Please add this code in custom.css:

    @media (max-width: 980px){
        .header .shopping-cart-widget {
            display:  none;
        }
        .top-bar .my-account-link:before {
            top: 0px;
        }
    }

    Regards

    Avatar: aahmadi3
    aahmadi3
    Participant
    September 12, 2018 at 16:30

    Ok that worked great but I have another question now. Hod do I center my logo in the fixed header on mobile device only?
    Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 13, 2018 at 08:30

    Hello,

    @media (max-width: 400px){
        .fixed-header-area .fixed-header .logo-with-menu {
            float:  none;
            left: 13%;
        }
        .fixed-header-area .fixed-header .logo-with-menu img {
            max-width: 150px !important;
        }
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.