Menu & Header Update

verdipro · January 2020

Hello,

I have 3 questions

1) Is there a way to push the revolution slider behind the menu? I would like to set a transparency behind the menu so that the slider shows thru behind it.

2) The menu_wrapper appears in the header div tag, but that means that the header is always one color. I would rather make the menu with another background color behind it, that is a full width color. How is that achieved in betheme?

3) Lastly, I would prefer the phone/email to be to the right of the logo, with the menu under it. Whats the best way to achieve this? The action bar always puts the info above the logo.

Bryan · January 2020

Hello,

please send us a link to your page so we can see what you currently have.

thanks

verdipro · January 2020

https://www.verdipro.com/sandbox/landscaping/

Pablo · January 2020

1) Yes, it will be possible but you will have to change your header to "Transparent" or "Fixed" with "Minimalist without header space"

Theme Options > Header & Subheader > Header

http://prntscr.com/qpevo5

2) It can be changed only with the Custom CSS code, do you need further help with it?

3) Sadly, this will be not possible - it would require change of the html structure of this header, which is not supported by us, because it require a lot of modifications of the theme files.

Thanks

verdipro · January 2020

1) Ok thank you

2) sure if you can provide it so that I know the best way it will work with your header

3) Is it one file I need to update & add to my child theme or multiple? If its just one file & you can point me to that file, I can handle the rest from there.

Pablo · January 2020

2) Paste this CSS below into the Theme Options > Custom CSS & JS> CSS

.menu_wrapper{
	background: black !important;
}

3) You should check the header.php files in the includes directory of the betheme.

Thanks

verdipro · January 2020

Thank you for this. #2, that CSS I have tried previously. But the issue is the .menu_wrapper is inside of another container & is not allowed to stretch 100% across the screen. I was looking to achieve a background color in .menu_wrapper, but at 100% width, which I do not believe is possible within BeTheme?

Pablo · January 2020

Sadly, it will not work.

Even with CSS tweaks which I tried to achieve it does not allows me to force it to be full width.

Did you try the "Muffin Header Builder" ? It allows to create more advanced headers, please take a look at this topic:

https://forum.muffingroup.com/betheme/discussion/42065/the-betheme-header-builder-plugin#latest

Thanks

verdipro · January 2020

Muffin Header Builder is close. But the main issue with muffin header builder is the mobile menu, which looks extremely ugly. As far as I have seen, there isn't a way to have the mobile menu slide out like on the regular theme version. If there was a way to activate the slide out menu, then I think it would be perfect, as I already have the desktop style functioning perfectly in the muffin header builder.

Pablo · January 2020

Unfortunately, it is not possible yet.

We will extend the functionality of the Muffin Header Builder soon, but after new documentation and support forum which we are currently working at - it's nearly done.

Thanks

verdipro · January 2020

ok thank you

Menu &amp; Header Update

Comments

Menu & Header Update