Hamburger menu not working on mobile

  • Hello all,

    I need some help with the mobile version of WordPress. Following plugin updates, the hamburger menu isn’t working on mobile. Even after deactivating all the plugins, the hamburger menu still did not work. Although I know there are javascript conflicts on the website, I have no idea how to resolve them. Can anyone help me with this?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • lisa

    (@contentiskey)

    The link text color in the menu for small devices seem make it unreadable.
    The theme’s support team would be a good resource to start with.
    https://support.competethemes.com/
    https://support.competethemes.com/mission-news/

    CSS change could help – maybe adjust some of the link text color or background color:

    .dropdown-navigation a, .menu-primary-items a,
.menu-unset > ul a, .site-header .social-media-icons a {
  color: #fff;
  text-decoration: none;
}
.dropdown-navigation a:link, .menu-primary-items a:link,
.menu-unset > ul a:link, .site-header .social-media-icons a:link, .dropdown-navigation a:visited, .menu-primary-items a:visited,
.menu-unset > ul a:visited, .site-header .social-media-icons a:visited {
  color: #fff;
}
.dropdown-navigation a:hover, .menu-primary-items a:hover,
.menu-unset > ul a:hover, .site-header .social-media-icons a:hover, .dropdown-navigation a:active, .menu-primary-items a:active,
.menu-unset > ul a:active, .site-header .social-media-icons a:active, .dropdown-navigation a:focus, .menu-primary-items a:focus,
.menu-unset > ul a:focus, .site-header .social-media-icons a:focus {
  color: #F3F3F3;
}
    • This reply was modified 2 years, 9 months ago by lisa.
    • This reply was modified 2 years, 9 months ago by lisa.
    • This reply was modified 2 years, 9 months ago by lisa.
    Thread Starter chinerdene

    (@chinerdene)

    Thank you for your help! How can I add these CSS codes to the websites?

    @chinerdene I am pretty sure, the theme has its options to change these things, if you would access “Customizer” on your WordPress you would see such options there:

    https://en-support.files.wordpress.com/2021/03/customize-navigation.png
    https://wordpress.com/support/customizer/

    lisa

    (@contentiskey)

    The example code is what I copied after inspecting your site in chrome browser development tools. The code I included in my earlier response might be helpful as a start.

    Best place to get guidance is from the theme’s support team. (sometimes the CSS for mobile menu display is unusual)
    https://support.competethemes.com/
    https://support.competethemes.com/mission-news/

    Otherwise: In your WordPress Admin Dashboard you can go to APPEARANCES > CUSTOMIZE > ADDITIONAL CSS add the starter code I provide and then change some of the color or background colors to help the text to be visible.

    • This reply was modified 2 years, 9 months ago by lisa.
    Thread Starter chinerdene

    (@chinerdene)

    Thank you so much! it worked.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hamburger menu not working on mobile’ is closed to new replies.