Tagged: background image, Sidebar Menu
When the screensize is 1366, 768, or 1080, the sidebar background image repeats 100% of the screen height. When it is 1024 or 800, the sidebar background image stops just below the social icons and is white down the rest of the page.
Can you give me the @media code to extend that background in the sidebar.
Hey cmarquez,
I can’t see anything like that on my end using Chrome, it extends all the way down on all screen sizes. In what browser are you seeing that?
Best regards,
Rikard
(hosted on WPengine) alt="shows sidbar not extending when screensize is less than 1380." /> this is in Chrome.
vs larger screen size:
http://terrapinbeer.staging.wpengine.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-04-at-8.58.32-AM.png
Hi,
The header height is 100% of the browser height and the background fills the complete area of the header however the white space you see below is not the actual header area. You can use a little hack to keep the white space occupied by making the header a fixed header this will also allow users to access menu easily without scrolling :)
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_sidebar #top #header {
position: fixed!important;
}
Best regards,
Vinay