Mobile Menu

Hey Dmichel!

Please try the following in Quick CSS under Enfold–>General Styling:

@media only screen and (max-width: 1160px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

Best regards,
Rikard

Hey!

Please add following code to Quick CSS as well

@media only screen and (max-width: 990px) {
nav.sub_menu { display: none !important; }}

Cheers!
Yigit

Hey!

Please try the following as well:

@media only screen and (min-width: 480px) and (max-width: 767px) {
#avia3-menu {
display:block !important;
}
.avia3-menu {
min-width:100% !important;
}
}

Cheers!
Rikard

Hi!

Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

Best regards,
Rikard

Hi!

Try to delete the comments directly in the database. Use this plugin: https://wordpress.org/plugins/wp-optimize/

Please create a backup of the database before using the plugin.

Cheers!
Ismael

Hey!

It is hidden by default because there’s not enough space in the socket container and on mobile devices you can just double tap to scroll back to the top of the site. Maybe, you should add another menu item in the main menu with drop down, same items as the footer menu.

Or use this to enable to enable the footer menu on mobile:

@media only screen and (max-width: 768px) {
.responsive #socket .sub_menu_socket {
  display: block !important;
}}

Cheers!
Ismael

Hi!

Yes, you can post your website to Enfold showcase thread – https://kriesi.at/support/topic/enfold-showcase/ :)

Best regards,
Yigit