Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 5, 2026 at 11:25 am #1495772
    cktanju

    Hi,
    I need a specific header layout that I cannot configure in Enfold.
    Required layout desktop and mobile:
    – Burger menu left
    – Logo perfectly centered in the header
    – Transparent header
    – Header height 120px desktop / 80px mobile
    Both elements should sit on the same vertical center line.
    Is there a recommended way to achieve this with Enfold?

    Thanks
    T

    March 5, 2026 at 12:42 pm #1495774
    cktanju

    Hi,
    I did it this way – to complex? or ok?
    KR
    Tanju

    March 6, 2026 at 6:36 am #1495804
    Ismael

    Hi,

    Thank you for the inquiry.

    Looks good on our end, but the !important rule is not always necessary to override the default styling, especially when the css rules are added in the style.css file or the Quick CSS field. Have you tried removing them?

    Best regards,
    Ismael

    March 9, 2026 at 9:40 am #1495867
    cktanju

    Hi Ismael,

    thanks for the feedback,
    Now we would like to have the header sticky, and the background #000.
    So far all good – the only problem i can’t change the bg color for sticky mobile to black. it’s still transparent.

    Thanks!
    KR
    T

    March 9, 2026 at 10:56 am #1495870
    Ismael

    Hey cktanju,

    Thank you for the update.

    To set the sticky header background to black on mobile, you can add the following to the Quick CSS field in Enfold > General Styling > Quick CSS:

    
@media only screen and (max-width: 767px) {
    .html_header_sticky #header .header_bg {
        background-color: #000;
    }
}

    If the header is using transparency before scrolling, you may also need to target the scrolled state specifically:

    
@media only screen and (max-width: 767px) {
    #header .header_bg {
        background-color: #000;
    }
}

    Please make sure to purge the cache before testing. Let us know if the issue persists.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.