Question about overlay menu 1 level menu

d_alinus2004 · October 6

Hello there,

It's posible to create a overlay menu 1 level menu from template ?

I have create a burger menu on template. It's posible to have overlay menu 1 level menu ?

Many regards

Phil · October 7

Hi,

Yes, it is possible. You must use the Sidebar Menu template along with the Header builder.

Just like it was done in the Estate5 demo:

https://themes.muffingroup.com/be/estate5/

https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

Best regards

d_alinus2004 · October 7

Hello,

That's realy great! I have find the option. I just not find the posibility to add a backgroung image ! That's posible on sidebar menu template ?

Many regards

Phil · October 7

Do you want to add a background image to the entire overlay?

If so, it might require a custom CSS code.

Best regards

d_alinus2004 · October 7

Yes, exact!

Can you give me a CSS example code?

Many regards.

Phil · October 7

Please attach a link to your website, so I can prepare it.

Best regards

d_alinus2004 · October 7

Hello and many thank's for your help.

It's under construction , But i have desactivate it.

You can click on menu from left side!

What i have set up, i have put 95% on width option from sidebar option template:

https://www.o2residence.ro/

Phil · October 8

Use the following CSS code:

.mfn-sidemenu-tmpl{
 background-image: url('https://www.o2residence.ro/wp-content/uploads/2025/10/De-ce-sa-alegi-2-1-1630x860.jpg');
 background-size: cover;
 background-position: center center;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

d_alinus2004 · October 8

Hello,

That's work! It's realy fine!

Many thank's for all your help.

d_alinus2004 · October 10

Hy again, Regarding this problem!

I have add the code, it;s work, But I have create a new Sadebar Menu. It's on left side!

It's posible to remove the background from this Sidebar only ?

Phil · October 10

Replace the previous code I have sent with the following one:

#mfn-sidemenu-tmpl-118{
 background-image: url('https://www.o2residence.ro/wp-content/uploads/2025/10/De-ce-sa-alegi-2-1-1630x860.jpg');
 background-size: cover;
 background-position: center center;
}

Best regards

d_alinus2004 · October 10

Hello,

I confirm you that's work perfect!

Many regards and thank's for all!

Question about overlay menu 1 level menu

Comments

This website uses cookies