- This topic has 5 replies, 2 voices, and was last updated 4 years, 9 months ago by Skandha.
-
AuthorPosts
-
May 29, 2019 at 3:17 pm #173679SvenjaParticipant
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 🙂
May 29, 2019 at 11:45 pm #173686SkandhaParticipant@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,
SkandhaMay 31, 2019 at 5:50 am #173800SvenjaParticipantThank 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?
June 3, 2019 at 1:50 am #173964SkandhaParticipant@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,
SkandhaJune 3, 2019 at 5:09 am #173981SvenjaParticipantIt 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?
June 6, 2019 at 2:52 am #174211SkandhaParticipant@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 -
AuthorPosts
- The topic ‘Change header / Logo height’ is closed to new replies.