New Landing How can we help? Themeforest Theme Support Neighborhood center logo on mobile view

Viewing 7 posts - 1 through 7 (of 7 total)
  • #151107
    kluongt
    Member
    Post count: 22

    Hi,

    I would like to center the logo on mobile view version. Please let me know if it is possible to use css code for doing this. If yes, please provide the css code. Thank you so much.

    I have been trying to do it for 2 hours and I could not find the solution, Please help.

    thanks.
    Kevin.

    #151137
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    What’s your link?

    – Kyle

    #151138
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    We need to remove cart and search icon to align the logo at center.
    Thanks
    Mohammad

    #152563
    kluongt
    Member
    Post count: 22

    Hi Mohamand,

    Can we move the logo at center and the search, shopping cart and menu icon below the logo for mobile view? thanks.

    #152607
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    
    @media only screen and (max-width: 479px) {
    #logo > a.logo-link {
        display: block;
        height: 40px;
        margin-bottom: 10px !important;
        max-width: 100%;
        width: 100% !important;
    }
    }
    

    Thanks
    Mohammad

    #153516
    kluongt
    Member
    Post count: 22

    Hi Mohammad,

    Thanks for the code.

    However, the logo moves to center when mobile is in the portrait position, when I turned my phone to the landscape position, the logo was still on the left of the screen. Please advice to how to fix it. I would like to have the logo staying in the center either the phone in portrait or landscape position. Thanks for your help.

    #153601
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove last once code and use this new custom css code:-

    @media only screen and (max-width: 767px) {
    #logo > a.logo-link {
        display: block;
        height: 40px;
        margin-bottom: 10px !important;
        max-width: 100%;
        width: 100% !important;
    }
    }

    Thanks
    Mohammad

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register