Help with Transparent Header and Menu

I am trying to create a transparent header, including logo and right-aligned menu with the background hero image behind it. But I keep getting a white (or color) background. And, now for some reason the logo and menu are not aligning. Here is a link to the site (based on the Barber 4 pre-built website): https://empowermentjourneyconsulting.com/

Comments

  • Hi,

    1) Please go to Betheme -> Theme options -> Global -> General, and check an option Transparency: Top Bar with menu.

    2) That’s because of too many menu items inside the website's grid width, and you can get rid of that problem by following the steps mentioned in one of the topics in our FAQ from the Support Center. Check the following link:

    https://support.muffingroup.com/faq/menu-goes-under-header-does-not-fit/

    Thanks

  • Thanks for your help. Broadening site width made the menu align with the logo correctly. Still having trouble making the header transparent. (I would like to see the hero image photo behind the header/menu.) With Top Bar with Menu Transparency checked, if I check Header Transparency in the Global settings, the header is white. If I uncheck Header Transparency the header is black. Do I somehow need to offset my hero image photo (with a negative vertical alignment or something)?

  • When you check the transparency option as I showed in my previous message, please also go to Betheme -> theme options -> Header & Subheader -> Header, and change the Height value to zero.

    Best regards

  • AH! Thank you! Especially for the quick response!

  • You are welcome.

    If you have any other questions or problems, feel free to ask.


    Best regards

Sign In or Register to comment.