Tagged: header
I’m creating a new site that’s currently in the dev environment. For some reason, the header on my site seems to be cut in half vertically. I can’t seem to find an issue in the css (I can adjust the logo height in CSS but it still gets cut off) or the theme settings. Any advice?
Hey arch2030,
It seems to look fine on my end. Which part is not working for you?
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Sure. I’ll put a link to a screenshot in the private content. It appears that the menu and the logo are half the height of the header, where as they should fill the full height of the header. If I adjust the minimum height of the logo in the CSS, then the logo gets cut off (not pictured).
Hi arch2030,
Thank you for the screenshot.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.html_header_top.html_header_sticky.html_large #main {
padding-top: 80px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks! Unfortunately that doesn’t seem to have made any change.
It seems to be an issue with the shrinking header option with Enfold. When I uncheck that, the logo appears normally and at it’s intended size. When checked, the logo appears at the “shrinked” height at all times, even if I’m at the top of the page.
Hi,
Thanks for the update. First off, could you try updating the theme to the latest version (4.7.6.4) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If not then please try installing this plugin: https://wordpress.org/plugins/enable-jquery-migrate-helper/, then set the jQuery version to 1.12.4 in the plugin options.
Best regards,
Rikard