Unresponsive menu on mobile device

Hello!

I am using Activello theme for my site, on PC the menu works fine however it is unresponsive on mobile. Rather than the menu options dropping from the menu icon they are embedded in the home page which has cut off my logo and slider. I have attached a screen shot for your reference.

My theme is up to date. Here is the link to my site: http://thistimidtraveller.com/

I used the following code I found in a previous thread with a similar issue but it hasn’t seemed to fix it:

#page ul.dropdown-menu {
display: none;
}
#page li:hover>ul.dropdown-menu {
display: block;
}
@media (min-width: 767px){
#page ul.dropdown-menu {
position: absolute;
min-width: 160px;
border: 1px solid rgba(0,0,0,.15) !important;
padding-bottom: 0 !important;
}
.dropdown-menu> li> a {
padding: 10px 15px !Important;
border-bottom: 1px solid #eeeeee;
}
}

Do you have any suggestions on how to fix this? Thanks so much!

Hey there,

I hope you are well today and thank you for your question.

If you have the CSS above in your Additional stylesheet please move it.
There seem to be some Jquery errors in your console, this is normally from plugin conflicts. }

  • Check for theme and plugin updates and ensure you’re updated.
  • Kindly disable all except the recommended plugins from the theme and check to see if the menu is working.

Best regards,
Support.