Hamburger crisis

[OBXKH]

hello,

having some wonky nav.... specificaly the hamburger dropdown

please see

https://codepen.io/Pavel_NA/pen/PoXoRKx

here my hamburger is fine

see

https://forallthetime.com/nature5/index.html

the exact same code, no hamburger drop down

in chrome dev tools and small browser

no luck on my iphone either

fire fox too

please help me!


thanks!!

 

[VBService]

On your website

https://forallthetime.com/nature5/index.html

script is not loading (404 error)

<script src="myscripts.js"></script>

https://forallthetime.com/nature5/myscripts.js

 

[OBXKH]

crisis adverted

i figured it out

i have question, though

i think its straight foward...

Document

forallthetime.com

on small devices, if you touch "Home" the hambuger disappeares! it go's completey white

help me with the code so instaed of white, its that comon green, please

and please explain what you did so i can learn from this

thank you!

 

[VBService]

It happens because you have css entry like this for menu

/*Background color change during hover state*/
.navBar a:hover{
  background-color: white; 
  color: #547240; 
}

and hambuger has class icon

<a href="javascript:void(0);" class="icon" onclick="openDrawerMenu()">☰</a>

just add different css only for hamburger button (<a> ☰)

.navBar a.icon:hover{
  background-color: #547240;
  color: white;
}

/*Background color change during hover state*/
.navBar a:hover{
  background-color: white; 
  color: #547240; 
}
.navBar a.icon:hover{
  background-color: #547240;
  color: white;
}

or

/*Background color change during hover state*/
.navBar a:not(.icon):hover{/* all <a> without <a class=icon > */
  background-color: white; 
  color: #547240; 
}