The header logo size is 631px by 178px. When the page scrolls up, the page content goes under about half of the header logo before it disappears. How can I modify the top margin of the page so that the content does not interfere with the header logo when the page scrolls? The attached screenshot illustrates how the “Contact Us” page content scrolls underneath the header logo.
The header logo size is 631px by 178px. When the page scrolls up, the page content goes under about half of the header logo before it disappears. How can I modify the top margin of the page so that the content does not interfere with the header logo when the page scrolls? The attached screenshot illustrates how the “Contact Us” page content scrolls underneath the header logo.
Tim,
the recommended logo height is 60px, otherwise will affect the the design of the page.
You could increase it to up to 80 pixels but keep the width auto.
#logo img {
height: 80px;
width: auto;
}
in customizer -> additional CSS
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy