Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #173679
    Svenja
    Participant

    Hi, I would like to change the height of the header (menu bar) and increase the size of my logo. It looks a bit too small now. How can I cange that?
    https://weser-hunde.de/

    Thank you in advance 🙂

    #173686
    Skandha
    Participant

    @weserhunde: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .container {
    	width:1500px;
    }
    #site-logo img {
    	max-height:100%;
    	margin-left:30px;
    }
    #header-right {
    	padding-top:30px;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #173800
    Svenja
    Participant

    Thank you – it does work for the desktop version. However, it throws off the mobile version. The content ist too wide nd does not adjust to the phone anymore… Do you have an idea how to solve this issue?

    #173964
    Skandha
    Participant

    @weserhunde: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width:981px) {
    	#site-logo img {
    		width:300px;
    		height:90px;
    		max-height:90px;
    	}
    	.container {
    		width:90%;
    	}
    	#header-menu #access {
    		margin-top:25px;
    	}
    }

    Let me know if this works out!
    Kind Regards,
    Skandha
    Let me know if this works out!
    Kind Regards,
    Skandha

    #173981
    Svenja
    Participant

    It does work, but as soon as I scroll down the logo becomes “flat” – it stays 300 px wide but is only some pixels in height. Also, after scrolling down, it is not in the same line as the menu bar any longer – the menu is below the logo.

    Is there no way to set the size within the theme?

    #174211
    Skandha
    Participant

    @weserhunde: Please adding the following Code.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #masthead.fixed-header #site-logo img {
    	max-height:41px !important;
    }
    #masthead.fixed-header {
    	padding-top:15px !important;
    	height:56px !important;
    }
    .fixed-header #header-right {
    	padding-top:5px !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change header / Logo height’ is closed to new replies.