How to make header transparent

Ladan Ricketts

• March 24, 2020 01:31

Hello,

How can I make a transparent header menu using the built in header blocks in Brizy? I would like to avoid using the theme header transparency altogether and do it all in Brizy. Thanks!

 

 

0

• 

  Alex

  • March 24, 2020 13:11

  Hi,

  at the moment, we don't have an option for this, but there is a trick.

  You can set the header overlay color to 0% or 30-20%: https://jmp.sh/ZrVW7o0 and then set a negative margin-top to the section below: https://jmp.sh/0cfe07f

  Hope this helps.

  1
• 

  Ladan Ricketts

  • March 25, 2020 17:58

  That nearly works how I would like. However, even at 0% overlay, there is still a slight bottom border showing. Any trick to completely removing that so that all you see are the links and logo? Thanks

  0
• 

  Alex

  • March 26, 2020 11:20

  Hi,

  this could be a shadow. Try to is to 0% as well: https://jmp.sh/o6EpbOU

  0
• 

  Alex

  • May 26, 2020 12:13

  Hi,

  you need to edit the tablet and mobile layout and make the necessary adjustments. Please see this article to find out more: https://support.brizy.io/hc/en-us/articles/360019680792-Making-your-page-responsive 

  Regarding the live chat: I'm afraid we can't help you with this because this is an external plugin, not a Brizy element.

  0
• 

  Alex

  • June 30, 2020 12:21

  Did you add a negative margin for the section below the header?

  0
• 

  Dinakar Kodati

  • June 30, 2020 12:43

  Yes I did, ah and never mind it worked after some tweak forgot to remove my comments

  0

Please sign in to leave a comment.