Skip to main content

My new Desert Vehicle

Full page opening and closing menu icon with javascript



How to make a full page opening and closing menu icon with Javascript made with javascript, CSS and HTML. This will work on all devices from hamburger icon to full page nav bar. The nav bar and icon are styled with CSS. I am using a w3 schools framework but style it how you want linked to a CSS sheet. Clicking on the icon will create a function from some inner HTML. This will be initiated by an onclick rule. onclick="w3.open()". this inner HTML will link to different CSS rules for the full nav bar which will be 100% width instead of just an icon.
This function is created by some javascript.


The getElement is getting the link with the inner HTML.



Comments

Popular posts from this blog

Cyberpunk 2077_ go to red dirt in the evening

Rumble link

Using bravenet site builder 2020

Using the free bravenet site builder which is on some hosting sites. Bravenet allows free hosting with a subdomain like wordpress and own domain with premium account. Bravenet site builder has several themes. In the video I am trying one of the themes and showing how you can edit and build a site with the site builder.

Install Pyautogui and Pip in Python

Install Pyautogui in Python The video above shows how you can easily download and install pyautogui into Python. Pyautogui is a Python library. For any python library to be installed you need to have Pip installed. Watch the video below to see how this is done. Install Pip in Python