Responsive – hide on mobile devise

Hey Lex!

Set the mobile menu to appear on tablets and add this code to the Quick CSS:

@media only screen and (max-width: 1200px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, 
.responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
.responsive.html_mobile_menu_tablet #header_main_alternate{display:none;}
.responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, .responsive.html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:50px;}
}

Cheers! 
Josue

Hey!

Try adding this code to the Quick CSS:

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

  .responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
  .responsive #top { overflow-x: hidden; }
  .responsive .boxed#top, .responsive #top.boxed .stretch_full , 
  .responsive.html_boxed.html_header_sticky #header,
  .responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
  .responsive #top .flex_column_table_cell{display: block;}
  .responsive #top .flex_column_table{display:block;}

  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left:0;
    padding-right:0;
    float:none;
  }
  .responsive .units, .responsive .unit {
    margin: 0;
  }

  .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .responsive #top #wrap_all .av-flex-cells .no_margin{
	  display: block;
	  margin: 0;
	  height:auto !important;
	  overflow: hidden;
	  padding-left:8% !important;
	  padding-right:8% !important;
  }

  .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
	    width: 100%;
		max-width: 100%;
		margin: 0 auto;  
  }

  .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
	  padding-left:0% !important;
	  padding-right:0% !important;
  }

  .responsive #top #wrap_all .flex_column:empty{margin:0;}
}

Cheers! 
Josue

You are welcome, glad to help :)

Regards,
Josue