mobile menu on tablet when menu is left sidebar

Hey macmutsaers,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Yigit

Hi,

We will keep the thread open and wait to hear from you Angela. Thread will be on hold and you can simply re-open it by replying to it :)

Best regards,
Yigit

Hi Angela,

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

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

Regards,
Rikard

Hi,

Since the header is set to display at the left side of the site, please add this css code:

@media only screen and (max-width: 1199px) {
.responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
}

.responsive.html_header_sidebar #main {
    border: none;
}

.responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
}

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

Best regards,
Ismael

Hi Angela,

I think it looks good but if you want it smaller you can try adding padding to it:

.html_header_sidebar .logo {
    padding: 60px !important;
}

Best regards,
Rikard

Hi,

Ah ok, please try the following instead:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.html_header_sidebar .logo {
    width: 20% !important;
}
}

Regards,
Rikard

Hi,

Great, glad we could help :-)

Please open a new thread if you should have any further questions or problems.

Thanks,
Rikard