Move mobile menu to the bottom of the website and make it fixed?

Hey coolicious,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {

  .responsive #header_main .main_menu {
    display: none !important;
  }
  .responsive #header_main_alternate {
    display: block;
}
    .responsive #top #wrap_all #header_main_alternate .main_menu{
       display: block !important;
       position: fixed !important;
       bottom: 0;
       top: auto;
       background-color: #ccc;
  }
  .html_header_top.html_logo_center #top #header_main_alternate .main_menu ul {
      padding: 30px 5px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon