Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1399296

    hello together
    i am trying with this css see below:

    to make the height of the header and the logo mobile smaller
    i can not do it
    what am i doing wrong

    thanks in advance
    kind regards
    Franz

    #1399308

    Hey schweg33,
    In your css I see that you are using background-size: contain; this is making your 45px gif fill the 80px area.
    Try to remove background-size: contain; from your css, or change it to background-size: auto;
    After adjusting the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1399311

    Hello Mike
    Thanks
    this fits very well at the moment

    only the height of the header
    I can also adjust the mobile.

    thanks
    kind regards
    Franz

    #1399315

    Hi,
    I assume you want the mobile header height 45px, try this css:

    @media only screen and (max-width: 767px) { 
    	.responsive.avia_mobile #top #wrap_all #header *:not(nav *) {
    		height: 45px !important;
    	} 
    	.responsive.avia_mobile #top #wrap_all #header .avia-menu {
    		top: -16px;
    	}
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1399377

    super, this fits great

    thanks mike

    you can close this ticket.

    kind regards
    Franz

    #1399381

    Hi Franz,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘logo mobile smaller’ is closed to new replies.