Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
  .responsive #top #wrap_all #header .main_menu {
    position: fixed;
    padding-right: 30px;
  }
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Yes that is what I see, did you try to change your server setting as posted above and the Yoast support thread above?

Best regards,
Mike

Hey Nihru,
Thanks for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .main_color .container .av-masonry-load-more {
	color: #ffffff;
    border-color: #759c1b;
    background-color: #97be3d;
    width: 250px;
    padding: 15px 0;

}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
the expected results:

Best regards,
Mike

Hi,
Thanks for your patience, it looks like you have a customized menu item, I added this css to correct:

@media only screen and (max-width: 767px) { 
	.av_main_nav_header.av_menu_right #header_main .main_menu-uber {
    top: 0px;
	}
	#top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner, #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner, #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::before, #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::before, #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::after, #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::after {
    background: #326295 !important;
    opacity: 1;
}
}
.av-burger-overlay-active #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner, .av-burger-overlay-active #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner, .av-burger-overlay-active #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::before, .av-burger-overlay-active #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::before, .av-burger-overlay-active #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::after, .av-burger-overlay-active #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::after {
    background: #326295;
    opacity: 1;
}
#top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner, #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner, #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::before, #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::before, #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .av-hamburger-inner::after, #top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .av-hamburger-inner::after {
    background: #fff;
    opacity: 1;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience, I found that your site is exhausting it’s allowed memory size in /public_html/wp-includes/class-wpdb.php on line 2320, I noticed that you have some javascript in your page and sometimes these are also executed in the backend, so I moved it to your WP Code plugin as a javascript snippet.
I then created a shortcode to display your getresponse-form snippet and added it to your WP Code plugin:

function getresponse_form_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'form-id' => '', 
            'e' => '1', 
        ),
        $atts,
        'getresponse-form'
    );
    $form_id = $atts['form-id'];
    $e = $atts['e'];

    if (empty($form_id)) {
        return '<p style="color: red;">Error: Form ID is missing</p>';
    }
    $html = '<getresponse-form form-id="' . esc_attr($form_id) . '" e="' . esc_attr($e) . '"></getresponse-form>';
    return $html;
}
add_shortcode('getresponse-form', 'getresponse_form_shortcode');

Then I added [getresponse-form] to your page to show the form snippet.
While this didn’t solve the issue directly, it ruled out the possibility of the javascript causing the issue in the backend. I found a Yoast support issue that points to /public_html/wp-includes/class-wpdb.php on line 2320 as a known Yoast issue and I tried adding the snippet but this didn’t help, so please try changing your server setting and see if this helps.
max_execution_time = 300
PHP max input variables = 10000
PHP time limit = 300
Max input time = 120

Best regards,
Mike

Hi,
Thanks for your patience, when I check your Displayed Everywhere widget is empty, so I assume that you have sorted this out.
Please note that we ask that each thread stays on a specific topic, this helps us provide better support and helps other users find solutions based on the opening subject line quicker. For further questions please open a new thread fir each specific issue
Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the info.

Are you trying to break the items into a single column on iPad view? If so, then you can add this css code to manually adjust the width of the masonry items on larger tablet screens.

@media only screen and (min-width: 990px) and (max-width: 1366px) {
  .responsive #top .av-masonry .av-masonry-entry {
    width: 100%;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

Great, I’m glad that you found the problem. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

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

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    position: inherit;
  }
  .responsive #top .av-logo-container .avia-menu {
    width: 100%;
  }
  .responsive #top .av-main-nav {
    display: table;
    margin: 0 auto;
  }
  .responsive #top .logo {
    width: 100%;
  }
  .responsive .logo img {
    display: table;
    margin: 0 auto;
  }
}

Best regards,
Rikard

Hey Julie,

Thank you for the inquiry.

Did you configure the default logo not to display on desktop view? The reason the burger menu is pushed beneath the header is because of the logo container, which receives this style on smaller screens.

.responsive #top .logo {
    position: static;
    display: table;
    height: 80px !important;
    float: none;
    padding: 0;
    border: none;
    width: 80%;
}

To keep the logo hidden on mobile view, you can add this css code.

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

  /* Add your Mobile Styles here */
  .responsive #top .logo {
    display: none;
  }
}

Best regards,
Ismael