Support Article
Header and Footer content does not display completely
SA-56428
Summary
Header and Footer content does not display completely.
Error Messages
Not Applicable
Steps to Reproduce
Unknown
Root Cause
A software use or operation error.
Resolution
Perform the following local-change:
Apply the below media CSS to display the header. <style>
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px)
{
.content-item.content-field.operator-menu {
width: 20px;
vertical-align: top;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px)
{
img[src="webwb/sov-logo_12978099294.svg!!.svg"]{
height:22px;
}
}
@media only screen and (min-device-width : 360px) and (max-device-width : 1024px)
{ img[src="webwb/sov-logo_12978099294.svg!!.svg"]{
height:30px;
}
}
</style>
Additionally, modify the harness Header to offer different visibility for desktop and mobile devices.
Include the below code to display the footer.
<style>
.screen-layout-header_footer > .screen-layout-region-footer{
height:auto !important;
}
</style>
Published May 9, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.