How to enable F11 fullscreen by clicking on element?

Design help General
1

Apologies if this is a simple minded question but new to web design and Webflow… I’m trying to figure out how to enable a full-screen browser experience by clicking on a full screen expander that removes the browser’s navbar (F11).

For reference, the following site: Medusae does a great job, if you follow the link and open the site you’ll see the two expand arrows in the top right of the browser window. When you click on them, the browser’s navbar is removed and the user can navigate the website in fullscreen mode. As I mentioned I’m a newby any guidance on how to enable this feature through Webflow would be greatly appreciated.

Cheers!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

hi @JTT you can read this article to get an idea how to. One thing that you should pay attention is that it doesn’t work with Safari and you should look on net if there is some work around for this browser. Anyway, I have done short video to show just basic part.

3

Thank you Stan!.. This will work fine!..

4

if you do not need any further information related to this topic, feel free to close this request.