search

Tri-Fred / Golf-NZ-Travel

0 stars 0 forks source link

Navigation bar toggle setting #1

Open Tri-Fred opened 5 months ago

Tri-Fred commented 5 months ago

Watched a YouTube video about how to create a toggle button using html and css, before designing and testing the code in an external folder that I have designated for testing these elements. However, when transferring this code to my main project, I was unable to change the sizing to fit into the navigation bar.

Tri-Fred commented 5 months ago

Attempted solution: In an attempt to resolve this issue, I asked ChatGPT what I should do, which answered that changing the width and height values in both the ".button" and ".button::before" elements. This solution didn't work, with the toggle button now showing behind the navigation bar text links

Tri-Fred commented 5 months ago

After the failed first attempt at re-sizing and resolving the issue with the toggle button, I decided to watch some different YouTube videos to see if the issue was in the code that I used. The link to the first video that I watched in hopes of resolving the issue is: https://www.youtube.com/watch?v=fLu6yrGF47I. And after watching this video and copying the code into new HTML and CSS files (Toggle2.HTML and Toggle2.CSS), I attempted to incorporate this additional code with my main project. Because I didn't want to cause further issues by changing the code in my main project, I copied my main code across to the dummy folders. After copying my code across to the dummy folder, I attempted to re-size the toggle button, but ran into the same issue as the first time I tried to add a toggle button, with the styles changing and breaking.

Tri-Fred commented 3 months ago

Due to the ongoing issues of sizing the toggle button, I have decided to temporarily remove it from the website. I have changed the code into a comment so that it has no effect, but the code is still there for me to use if I want to add this feature later on.