Archived topic
Page header and content padding
5 replies · Started by Jamal on August 21, 2017
Hi
On page header i have container set to full width and inner container contained. How can i get the page header to respect the content padding? When i activate add padding option, the content on desktop is not aligned to the sections below the page header, if i leave out that option it looks good on desktop but on mobile the content has no padding at all.
Sending site url through contact form. Thanks !
Hey Jamal,
What if you do this with "Add padding" enabled?:
.inside-page-header {
box-sizing: border-box;
}Hi Tom
Thanks for taking a look but it doesn't seem to change anything. Looks good on mobile but adds extra padding on desktop.
Perhaps the best thing to do would be this then:
@media (max-width: 768px) {
.page-header-content-container {
padding: 30px;
}
}Then you can remove the Add Padding option.
Thanks for this solution Tom.
No problem :)
