[ravy.ht]

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,

[Theme Horse Support Team]

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

[ravy.ht]

Here is my Logo link. Thank you

https://ibb.co/LRBxzWb

[Theme Horse Support Team]

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

[ravy.ht]

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

[ravy.ht]

This is my site URL : watchmes.com

[Theme Horse Support Team]

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!

[Author]

Posts