Fullscreen Ubermenu

[pseudoknot]

Hello,

I am trying to work with Ubermenu to make the contents fullscreen.

The page that I am working on is here: https://cs2.wpengine.com/

The effect I am going for is similar to this page’s menu: https://www.connerstrong.com

I have tried doing custom CSS in both the Customizr and in Ubermenu settings, but I can’t seem to get it to stretch to 100% in width and height. I do not have margins set that would limit it, so I’m at a loss.

Any guidance would be very appreciated!

Thank you!

[basanta]

Hi There,

Thanks for asking!

The ubermenu always adapt the size of the parent container when you set it 100%.
Your website container width set to 1100px.

Please go to Theme Option-> Layout and Design and make it 100% and the max-width to ahigher value.

So that it will fit toany screen. You may need little CSS for that.

Hope this helps!

Thanks

[pseudoknot]

Excellent, thank you! That worked, and the menu is now full-width. Do you have any advice on making the menu go full-height, as well?

Thank you again!

[Prasant]

Hello @pseudoknot,

Thanks for updating the thread.

Full height menu will require some custom CSS work which falls outside the scope of support we can offer. However, you can take a look at following tutorial to get some help:

https://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp

Thanks for understanding.