![Home_-_M_and_S_Window_Cleaning_Ltd](https://i0.wp.com/cloud-genius.com/wp-content/uploads/2016/07/Home_-_M_and_S_Window_Cleaning_Ltd.png?resize=308%2C202&ssl=1)
![Home_-_M_and_S_Window_Cleaning_Ltd](https://i0.wp.com/cloud-genius.com/wp-content/uploads/2016/07/Home_-_M_and_S_Window_Cleaning_Ltd-1.png?resize=906%2C118&ssl=1)
You will need to insert the following code into the CSS of the page.
(This code needs to go above any other code that targets certain sized screens)
/*Tablet Menu Shown*/
@media only screen and ( max-width:980px ) and ( min-width:500px ){
#top-menu-nav {
display:block !important;
margin-bottom:20px;
margin-top:6px
}
#top-menu {
display:block !important;
}
#et_mobile_nav_menu {
display:none !important;
}
.et-fixed-header #top-menu-nav {
margin-bottom:0;
}
/* set the width, and right align */
#top-menu-nav {
max-width: 980px;
right: 0;
left:auto;
}
} |