Transparent Header Not Transparent

  • Resolved waltmagic

    (@waltmagic)


    3 years, 6 months ago

    I have spent hours and hours trying to figure this out. The header I created in elementor will not show transparent. To reproduce this just create a header in elementor, set the background color of the section as transparent and save it. It doesn’t work. I have tried everything. Some guy on here said that if he set a -1 margin it somehow worked. This did nothing for me. What in the heck is going on here. Astra is usually my go to theme for clients but this is a no go. Anyone run into this problem? How do you resolve it? Many thanks. Rounds of beers on me if someone knows the solution.

Viewing 4 replies - 1 through 4 (of 4 total)
  • jessicadixie

    (@jessicadixie)

    3 years, 6 months ago

    If your site is like mine, you’ll likely have to do a negative margin for the height of the header. For example, this is how I have mine with the transparent header:

    header {
    margin-bottom: -90px;
    }

    90 pixels is the height of my header, you’ll need to use yours.

    Thread Starter waltmagic

    (@waltmagic)

    3 years, 6 months ago

    OK I’ll give that a try and let you know how it works. Thanks for replying!

    Umar

    (@bsfumar)

    3 years, 6 months ago

    Hi guys,

    Thank you for your kind patience and co-operation. Sorry for the delay in replying to you here.

    @jessicadixie Thank you so much for your input here and I think it would be really helpful for @waltmagic also.

    Kind regards,
    Umar

    Umar

    (@bsfumar)

    3 years, 4 months ago

    Hello guys,

    I am marking this topic as resolved due to inactivity and assuming the issue is resolved at your end.

    Feel free to reply or open up a new issue thread if you still face any problems.

    Kind regards,
    Umar

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Transparent Header Not Transparent’ is closed to new replies.