Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About ScotBlue

  • Rank
  1. Lol. That's a good way of putting it. I've included the toggle code in the function above, and it seems to have done the trick, Thanks @dsonesuk <script> function myFunction(x) { x.classList.toggle("change"); var x = document.getElementById('mob-menu'); if (x.style.display === 'block') { x.style.display = 'none'; } else { x.style.display = 'block'; } } </script>
  2. Evening, I have very, very limited knowledge of javascript, and I've run into a problem I can't seem to resolve. I have an animated hamburger menu, which when clicked/tapped shows a div (that is later to contain an accordion menu). The toggle on/off script works fine, but whenever I add the script to animate the hamburger menu, it seems to override the toggle on/off script and does not work. Can anyone please steer me in the right direction or offer some advice on where I am going wrong. Many thanks. <head> <meta charset="utf-8"> <style> #mob-menu
  3. That's great. Thank you for clearing that up.
  4. I've been building my website for the first time using w3.css 4 - which I think is brilliant by the way. Makes things so much quicker. However, I've been wondering... when building a drop-down menu (like below) is there any requirement to include <ul> and <li> tags, even though the menu works and displays perfectly just using the w3 classes. I am guessing that it's most prob good practice to include the <ul> tags for search engine crawling purposes, but if anyone can shed any light on whether the these tags are actually required, I would appreciate it. Cheers.
  5. Sorry, cancel. Just discovered that Font Awesome library works alot better with w3.css For future reference, should anyone having same problem... https://www.w3schools.com/icons/icons_reference.asp
  6. Does anyone have any suggestions, or can help me with the following please: I am using w3.css for the first time, but I am struggling to line-up google icons with the text (using the w3-bar-item and w3-button classes) in my navigation bar. I have tried adding my own css (relative positioning, padding-bottom/top, and even changing the font size of both icon and text) but nothing seems to work. I have also gone through w3 references, but can't find the appropriate class that might make the icons and text line up properly. Any help would be very much appreciated. <div i
  • Create New...