badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Mobile Logo display

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #64845
    ravy.ht
    Participant

    Hello,

    I want my logo display at the center of Navbar_ for the mobile user. Do you know how to do that?
    Please see the images reference Image

    Thanks you,

    #65017

    Hi @ravy-ht,

    Can you please share us your logo url so that we can provide the custom css code according to your logo.

    Thanks

    #68918
    ravy.ht
    Participant

    Here is my Logo link. Thank you

    https://ibb.co/LRBxzWb

    #68975

    Hi @ravy-ht,

    Actually we asked for the Logo URL Link, You are providing here is an Image File Link.
    Are you using the same Logo for your site now? If so then we can provide you the code based on given logo but if you are using different logo right now in your Site and want to show the provided logo to be shown on mobile view then you have to provide us the URL Link of your Logo.

    Thanks

    #68977
    ravy.ht
    Participant

    I’m sorry. I got confused.
    I use the same logo for my site now. So you can provide the code base on it.

    Thanks you

    #68978
    ravy.ht
    Participant

    This is my site URL : watchmes.com

    #69106

    Hi Ravy,

    Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

    @media (max-width: 767px) {
        .navbar-brand .custom-logo {
            display: none;
        }
        .navbar-ad-section {
            margin-top: 0;
        }
        .navigation-bar-top:before {
            content: "";
            background-image: url('https://i2.wp.com/watchmes.com/wp-content/uploads/2019/06/logo-cover.png?fit=100%2C100&ssl=1');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            height: 45px;
            width: 45px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            z-index: 10;
        }
    }

    Thank you!

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