Hi @Guenni007,

I added a fix for 5.7:

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_5_6_11/avia-shortcode-helpers/class-avia-masonry.php

LIMITATION: relation “AND” does not provide a fallback if empty categories are selected !!!

Best regards,
Günter

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,

Thanks for the update. Please try adding this to functions.php in your child theme:

/**
 * Filter to skip css file generation.
 * You can add logic to skip for certain pages/posts only.
 * 
 * @since 4.8.6.1
 * @param boolean $create
 * @return boolean					true | false or anything else to skip generation of css file
 */
function custom_avf_post_css_create_file( $create )
{
	return false;
}

add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

Also make sure to clear all caches after you have added the code, and toggle the file compression options and option to delete old CSS and JS files under Enfold->Performance as well.

Best regards,
Rikard

Hi!

Sorry for the delay. Please try to set the Enfold > Main Menu > General > Menu Items For Mobile settings to the second option (Active for Smartphones and Tablets) to ensure the mobile menu displays earlier or when the screen width is less than 989px.

Best regards,
Ismael

Hey MichelleArmstrong,

Thank you for the inquiry.

The Enfold > Theme Options > Frontpage Settings is not set. Please create a new page, then try to select it as front page.

Best regards,
Ismael

Hi,

The settings in Enfold for the video is NOT SET TO MUTE!

Yes, that is correct, but it is set to autoplay, and as we mentioned before, the theme automatically mutes the video if autoplay is enabled. Please review the link to the browser policy for autoplay provided above.

Best regards,
Ismael

Hi,

@Sethkonkel: You can set the Enfold > Main Menu > General > Menu Items For Mobile settings to the second option (Active for Smartphones and Tablets) to ensure the mobile menu displays earlier or when the screen width is less than 989px. If the issue persists or if you need further assistance, please open a new thread.

Best regards,
Ismael

Hey aaronjosephhall1,

Thank you for the inquiry.

Do you receive emails when using plugins like Contact Form 7 or WPForms? Please test the plugins or check the link below for more info on troubleshooting the default contact form.

// https://kriesi.at/documentation/enfold/contact-form/#my-contact-form-is-not-sending-emails-

Best regards,
Ismael

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

@media only screen and (max-width: 767px) { 
#hello .avia_textblock img {
	width: 50%;
}
}

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.
Please see the screenshot in the Private Content area of the expected results for mobile.

Best regards,
Mike

Hey dreamreader,
Your desktop header is using the option in the admin sidebar for Header visibility and transparency ▸ Header is invisible and appears once the users scrolls down this option doesn’t work for mobile.
You could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	#header.av_header_transparency {
		display: none;
	}
	#top #wrap_all #header.av_header_transparency ~ #main {
		padding-top: 0 !important;
	}
}

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,
Your header is transparent the gray that you see is from the top color section on the page:

when the header is scrolled the #897270 color is from your Logo Area Color:

if you don’t want a transparent header change the setting on the page in the backend in the admin sidebar:

As for the header widget, I disabled the above css and added this:

@media only screen and (min-width: 990px) and (max-width: 1670px) { 
	#header_main .inner-container .widget .textwidget {
  	 margin-left: -196%;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1440px) { 
  #header_main .inner-container .widget .textwidget p span {
  	 font-size: 14px !important;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1670px) { 
  #header_main .inner-container .widget .textwidget p span {
  	 font-size: 18px !important;
  }
}
  #header_main .inner-container {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center;
  align-content: center;
  }
  #header_main .inner-container .widget {
  	padding: 0;
  }
  #header_main .inner-container .widget .textwidget {
    align-content: center;
    height: 100%;
  }

please clear your browser cache and check.

Best regards,
Mike

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

@media only screen and (min-width: 768px) { 
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    width: 300px;
    height: 100px;
    font-size: 24px;
}
.html_header_transparency #top #main .caption_bottom .slideshow_caption {
    padding-top: 0;
}
}
@media only screen and (max-width: 767px) { 
	#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
	padding: 10px 6px;
	font-size: 10px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

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

@media only screen and (min-width: 1440px) { 
#top:not(.page-id-3288,.page-id-3593) #footer {
	display: none;
}
}
@media only screen and (max-width: 1439px) { 
#top #footer {
	display: none;
}
}

Best regards,
Mike

Hi,
To change the color of the burger menu icon on desktop try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
  background-color: red !important; 
  }

To adjust the width of the mobile menu go to Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu Styling ▸ Flyout Width

Best regards,
Mike

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

#top #main .iconbox_left_content .iconbox_icon {
    width: 100px;
    height: 100px;
}

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
This assumes that you want the footer to show only on this page at screen sizes over 1440px, feel free to adjust to a different screen size if you wish.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 1440px) { 
#top:not(.page-id-3288) #footer {
	display: none;
}
}
@media only screen and (max-width: 1439px) { 
#top #footer {
	display: none;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
They have changed for me:

and in the inspector:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey northorie,
To have a mobile menu when the header is transparent and change to the full menu on scroll for desktop screens, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 2500px) {
  #top #header.av_header_transparency .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header.av_header_transparency .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

Best regards,
Mike

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

#tab-id-1-content .tab_inner_content {
	padding-top: 0%
}
#tab-id-2-content .tab_inner_content {
	padding-top: 4%
}
#tab-id-3-content .tab_inner_content {
	padding-top: 11%
}
#tab-id-4-content .tab_inner_content {
	padding-top: 18%
}
#tab-id-5-content .tab_inner_content {
	padding-top: 25%
}
#tab-id-6-content .tab_inner_content {
	padding-top: 33%
}
#tab-id-7-content .tab_inner_content {
	padding-top: 39%
}
#tab-id-8-content .tab_inner_content {
	padding-top: 46%
}
#tab-id-9-content .tab_inner_content {
	padding-top: 53%
}
#tab-id-10-content .tab_inner_content {
	padding-top: 60%
}
#tab-id-11-content .tab_inner_content {
	padding-top: 66%
}

you may need to adjust this a little, it the only solution I could think of.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Chancenzeit,
When I check your homepage the text editor opens and saves correctly:

perhaps a screenshot of your trouble would help.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike