Responsive logo

Viewing 6 replies - 1 through 6 (of 6 total)
  • Imran Ali

    (@imranaliweb)

    9 years ago

    Hi @user2015

    Kindly share your website URL then we assist you better.

    Thanks

    Shahid Mansuri

    (@shahidmansuri123)

    9 years ago

    Hi @user2015

    We already have a check logo in mobile device but the logo perfectly display on mobile devices in our end.

    Could you please provide us ‘URL’ of your site so that we can better assist you?

    Thanks
    —
    Shahid

    Thread Starter user2015

    (@user2015)

    9 years ago

    Hi, my site is http://www.panolesdelaribera.com.ar

    The logo has the same size on computers, mobiles and tablets.

    I want to resize the logo so that the mobile shows me a smaller logo at the left and the menu button at the right (both in the same line and not taking so much space).

    Thanks

    Shahid Mansuri

    (@shahidmansuri123)

    9 years ago

    Hi @user2015

    Kindly paste the code given below in Custom CSS field (Appearance -> Customize -> Header settings -> Custom CSS).

    @media only screen and (max-width: 480px) and (min-width: 200px) {
.navbar > .container .navbar-brand { float: left !important; }
.navbar > .container .navbar-brand img { width: 70px !important; height: 54px !important; margin: 0 !important; }
.navbar-toggle {
float: right !important;
margin-top: 34px !important;
margin-right: 15px !important;
margin-bottom: 34px !important;
}
}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    Hope it will resolve your issue…!

    Regards
    —
    Shahid

    Thread Starter user2015

    (@user2015)

    9 years ago

    It works perfectly!!!

    Thank you very much!!!

    Theme Author webriti

    (@priyanshumittal)

    9 years ago

    Closing this ticket!!!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Responsive logo’ is closed to new replies.