Mobile device set bigger

Hi,

Thanks for contacting us!

Please refer to this post – https://kriesi.at/documentation/enfold/menu/#burgermobile-menu-activation :)

Best regards,
Yigit

Hi,

Please try adding following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

media only screen and (max-width: 1024px){ 
.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 .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%;
}}

If that does not help, please post a link of your website :)

Best regards,
Yigit

Hi,

I realized “@” was missing in the first code i posted. Could you please try following instead?

@media only screen and (max-width: 1024px){ 
#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;
}
#top .container .av-content-small, #top #wrap_all .flex_column,#top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}}

And if that too does not help, please post WP admin logins here privately as well :)

Best regards,
Yigit

Hey,

I checked all pages in your menu but it seems to be working fine throughout your site. Could you please point out the sections where it is not working? :)

Regards,
Yigit

Hey,

Please add following code to Quick CSS as well

@media only screen and (max-width: 1024px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: none !important;
}}

Cheers!
Yigit