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*

how to adapt logo to mobil

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #76643
    cristo garcia
    Participant

    hello, i would like to see the logo in correct size on mobile, and the banner too. How? Thanks

    #76648

    Hi @cristo-garcia,

    Do you mean you want to change the size of your logo on mobile? and please clarify more about the banner as well, about what kind of change you are wanting to do for it on mobile so that we can provide you the appropriate solutions.

    Thanks

    #76650
    cristo garcia
    Participant

    Hello, thanks for your answer. Yes, i want to change the size of my logo only at mobile version. Anda the advertising banner on the header, at the right near of the logo. Thanks

    #76663

    Ok please go to ‘Appearance > Customize > Additional CSS’ and paste the below custom CSS code.

    @media (max-width: 767px) {
    	.navbar-head .col-lg-4 {
    		-ms-flex: 0 0 40%;
    		flex: 0 0 40%;
    		max-width: 40%;
    	}
    	.navbar-head .col-lg-8 {
    		-ms-flex: 0 0 60%;
    		flex: 0 0 60%;
    		max-width: 60%;
    	}
    }

    we have made the the portion of 40% and 60%. You can decrease the portion of logo and banner ad section as you desired. Like 30% and 70% or 29% and 71% and so on. But make sure the total of the portion should be 100%. If the total of the portions get more than 100% then the banner ad will moves down.

    Thanks

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