Customizing – Transparent-header (need margin)

  • Astra – Customizing – Transparent-header

    It is necessary to add margin.

    My code:

    @media (min-width: 769px) {
.ast-theme-transparent-header.ast-separate-container.ast-left-sidebar #primary, 
.ast-theme-transparent-header.ast-separate-container.ast-right-sidebar #primary,
.ast-theme-transparent-header.ast-separate-container.ast-left-sidebar #secondary, 
.ast-theme-transparent-header.ast-separate-container.ast-right-sidebar #secondary {
    margin-top: 6.3em;
}
}
@media (max-width: 768px) {
.ast-theme-transparent-header.ast-separate-container #primary,
.ast-theme-transparent-header.ast-separate-container #secondary {
    padding: 6.5em 0;
}
}
Viewing 1 replies (of 1 total)

  • Hi! @vadym1 ,

    When you enable the transparent header, the space between the header and the first section of the page gets disabled along with the header background color, and you get a transparent header. If you are using any page builder, then you can set the padding from the page builder itself. But if you aren’t using any page builder, then you can use your described code.

    Regards,
    Deepak

Viewing 1 replies (of 1 total)
  • The topic ‘Customizing – Transparent-header (need margin)’ is closed to new replies.