Hamburger menu doesn’t work on mobile

• 

  fahdriyami · Member · Nov 30, 2023 at 2:51 pm

  • Copy link
  • Add topic to favorites

  Hello.

  When viewing my website on a mobile device, pressing the hamburger menu that appears on the navigation bar will result in a blank white page. How do I fix this?

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  fahdriyami · Member · Nov 30, 2023 at 3:26 pm

  • Copy link

  It appears the hamburger menu works, its just that the text is the same color as the background of the hamburger menu. How do I go about changing the text color to black? or the background color of the hamburger menu to black.
  
  My site uses the Calyx theme btw.

  

• 

  fahdriyami · Member · Nov 30, 2023 at 3:33 pm

  • Copy link

  Fixed it. Used the below code.

  .wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
  background-color: black!important;
  color: white! Important;
  }

• 

  kathrynwp · Staff · Nov 30, 2023 at 10:28 pm

  • Copy link

  Hi @fahdriyami – thanks for sharing your CSS workaround, glad you got it looking how you want!