[Resolved] HEADER IMG SIZE for smaller screens

  • Author
    Posts
  • #11176

    AliPro
    Participant

    how can set a smaller headre img size for smaller screens?

    🙂

    #11183

    Andrew Misplon
    Keymaster

    Hi, which image are you looking to change?

    #11184

    Andrew Misplon
    Keymaster

    Thanks. The forum doesn’t support email replies.

    #11186

    Andrew Misplon
    Keymaster

    The logo is already quite small, do you want to make it smaller than this?

    #11187

    AliPro
    Participant

    logo 🙂

    #11188

    AliPro
    Participant

    I don`t mean on mobile – only like small 15″ laptops 🙂

    #11189

    Andrew Misplon
    Keymaster

    You can try something like:

    @media (max-width: 1100px) {
    	.site-header, .site-header .container, .site-header .site-branding-container, .main-navigation .menu-search {
    		height: 100px !important;
    	}
    
    	.site-header .site-branding img	{
    		max-height: 100px !important;
    	}
    }

    Adjust the max-width value and the height values as required.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Scroll to top