Hi,
I see now about your screen size, try this code instead:

@media only screen and (max-width: 767px) { 
.main_menu:before {
  content: "\A\A";
  white-space: pre;
}
.responsive #header_main {height: 120px !important;}
.html_header_top.html_header_sticky #top #wrap_all #main {
    margin-top: 40px!important;}
}

You don’t need a plugin to create a login for us, just post the login & password in the Private Content area so we all can work on the issue.

Best regards,
Mike

Hi,
Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.

Best regards,
Mike

Hi,
Another option is to use the stretched layout and choose a Maximum Container width of 70% or so.

Best regards,
Mike

Hey mleite1,
I believe what you are asking is to have the mouse scroll control the toggles by moving from toggle to toggle.
But sorry, this is not a feature at this time, Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

Right now the mouse scroll moves the whole page up and down, and this is the correct action.

Best regards,
Mike

Hey philthebass,
Yes this has occurred in the past, try increasing memory limit to at least 128M: http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
In the past this was the solution.

Best regards,
Mike

Hi,
As of right now the LayerSlider version is 6.5.1

Best regards,
Mike

Hi,
Here’s how the mobile menu looks to me:

Can you add a screenshot of what you see?
Can you please include a admin login in the private content area so we can take a closer look at your menu?

Best regards,
Mike

Hi,
To make your background header image I uploaded your image to Enfold > General Styling > Logo Area > Custom background image.
I then replaced your logo with a transparent 10px image, this is so the default logo won’t show.
I then added this Quick CSS:

@media only screen and (min-width: 1024px) { 
.header_color .header_bg {background-size: cover!important; }}

@media only screen and (min-width: 748px) and (max-width: 1023px) {
.header_color .header_bg {background-size: contain!important; }
#top #header_main > .container {height: 170px!important; }}

@media only screen and (max-width: 747px) {
.header_color .header_bg {background-size: contain!important; }
#top #header_main > .container {height: 90px!important; }}

#advanced_menu_toggle, #advanced_menu_hide {
    background-color: transparent!important; 
    color: #f8f8f8!important; }

Here’s mobile view:

Tablet view:

Laptop view:

Hope you like it :)

Best regards,
Mike

Hey chitown38,
Try this code in the General Styling > Quick CSS field:

.html_bottom_nav_header #top .av-logo-container .social_bookmarks {margin-top: 55px!important;}

Best regards,
Mike

Hi,
It is showing as a class, not a ID, so try this:

@media print {
.mydruckbutton {
display: none !important;
}
}

It worked in my test, Please clear your cache :)

Best regards,
Mike

Hi,
Try this:

.woocommerce-checkout #av_section_1, .woocommerce-checkout #av_section_2, .woocommerce-checkout #after_section_2 div.container {display:none !important;}

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.page-id-62 .av-masonry-entry {
  pointer-events: none!important; 
}

I added the page ID to target only the page you linked to, you can add more page IDs or remove it to cover all pages.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.avia-caption-title, .avia-caption-content, .avia-slideshow-button {
	-webkit-animation: 0s ease 0s normal none 1 running none !important;
	animation: 0s ease 0s normal none 1 running none !important;
	visibility: visible !important;
}

Best regards,
Mike

Hey Mohammad Reza,
Try going to Enfold Theme Options > Header > Menu and Logo Position > and choose Logo left, Menu below

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike