Betheme Header Builder customization

epicworkDE

I am now using the Header Builder Plugin for our website. I already read the documentation, but didnt find some important point regarding the customization of the header.

I would like to do 3 things in the header builder header:

1.) Background transparency

Where can I set the background transparency? In the "normal" Header of betheme there is an option.

2.) Width of Menu

I have the problem, that the width of the menu in the second level is limited and so there are ugly linebreaks. In the "normal" header i could define the width with css. How can I set the width of the menu in the header builder?

3.) Popup for Button

When setting a Button in the Header Builder, I only can define a hyperlink as target. How can I set/define a Popup window, when a user clicks the button in the header?

Thanks for your help!

Best Regards

Sebastian

Phil

Hi,

1) Click on the pencil icon on the right top of the editing area, and there you will be able to set header color and its transparency.

2) The width is limited to the site width, which can be changed in Betheme -> Theme options -> Global -> General.

3) If you want to put a popup button, you will have to use the shortcode and put it in the text element.

https://muffingroup.com/betheme/elements/popup/

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

epicworkDE

Hello Phil,

thanks for you fast help!

Number 1.) and 3.) is solved!

At number 2, I mean the width of the menu itself. To show you what I mean, see attached a screenshot with some red marks.

Thanks for your help.

Sebastian

Phil

This should be resolved by writing a custom CSS code.

If you send a link to your website, I can take a look at what can be done.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

epicworkDE

You see it under https://www.epicwork.de/

Thanks

Phil

Please, try the following code:

.mhb .menu .sub-menu li{
   width: 250px!important;
}
.mhb .menu .sub-menu .sub-menu{
   left: 250px!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next