Hey Keasyconciergerie,

Thank you for the inquiry.

Would you mind opening separate threads for each issue, and provide screenshots? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Regarding the menu flickering issue, please make sure to apply the ID attribute for the anchors (home, apropose) to the color section, grid row, or any fullwidth elements, instead of elements within the section.

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t reproduce the same error on our installation. Did you add any scripts or custom code to the Button Row element? Please set the builder to debug mode to make the shortcodes accessible from the shortcodes field.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

After adding the filter, you’ll find another field below the Advanced Layout Builder containing shortcodes. You can remove the shortcode of the Button Row element manually from the field, then update the page. Please create a site backup before proceeding.

Best regards,
Ismael

Hi,

Thank you for the info.

The background toggle is not working because of this css code in the style.css.

body {
    background-color: black !important;
}

This css overrides the background color of the preview.

Best regards,
Ismael

Hi,

No problem! Please don’t hesitate to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, the modification will be overridden on update. We recommend installing a child theme to preserve the modification. If that is not an option, you can use the Page based Footer instead or manually add the logo on every page.

Best regards,
Ismael

Hi,

Sorry about that. Please remove the first css code in this thread, then replace it with the following css code to hide the burger menu icon in the main header only when the screen width is more than 768px.

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

  /* Add your Mobile Styles here */
  #top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
    display: block;
  }
}

@media only screen and (min-width: 768px) {

  /* Add your Mobile Styles here */
  #top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
    display: none;
  }
}

Best regards,
Ismael

Hey Mona,

Thank you for the inquiry.

Would you mind providing the site URL and post screenshots of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

The language flags are visible on desktop view but the value of src attribute gets replaced on mobile view for some reason. Please provide the login details in the private field so that we can check the issue further. You can also use this code in the functions.php file to append the default language switcher beside the burger menu.

add_action( 'ava_after_main_menu', 'wpml_switch_to_header' );
function wpml_switch_to_header() {
        if(!wp_is_mobile()) return
	echo do_action('wpml_add_language_selector');
}

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

There is no default option for this, but you can create a custom field with the event or post date as the value. Then, add the following filter in the functions.php file to sort the items based on the value of the custom field.

add_filter('avia_post_slide_query', 'avia_post_slide_query_mod');
function avia_post_slide_query_mod( $query ) {
	if( is_page(123) )
	{
		$query['meta_key'] = 'event_date';	
		$query['orderby'] = 'meta_value_num';
		$query['order'] = 'ASC';
	}

	return $query;
}

Another solution is to install an events plugins such as Events Calendar or Events Manager.

// https://wordpress.org/plugins/the-events-calendar/
// https://wordpress.org/plugins/events-manager/

Best regards,
Ismael

Hi,

Your new code has removed the double dates but the other issues are still the same.

The following css code should address the requests mentioned above.

/* remove the border from around the table */
#top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table {
    border: 0;
}
/* set the years in one line, the color of the year to blue */
#top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table .avia-desc-col {
    width: 100% !important;
    color: blue !important;
}
/* decrease padding cell padding */
#top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table tr, #top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table th, #top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table td {
    padding: 0;
}

Best regards,
Ismael

Hi,

please send the css handler so I can adjust the color of the burger menu. thanks

Please add this css code to adjust the color of the burger menu icon.

.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: red;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification.

Best regards,
Ismael

Hi,

Thank you for the info.

It might not be working because of the AviaScrollSpy script which handles scrolling for anchor links and overrides the default scrolling behavior. Instead of using the scroll-margin-top, try to add the following filter in the functions.php file.

function avf_header_setting_filter_mod($header) {
	$header['header_scroll_offset'] = $header['header_scroll_offset'] + 100;
	return $header;
}
add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);

This will add a 100px offset from the original scroll position.

Best regards,
Ismael

Hi,

How do you update without messing up different settings? Is this the norm when updating the theme?

The theme settings or the database should be retained as is and should not be affected after updating the theme. It’s possible that there are plugin conflicts that caused the layout issues, or cached resources that were not removed after the update. In the future, you should update the stating site first, fix any issues that may occur, before pushing it to the live site.

Best regards,
Ismael

Hi,

Thank you for the info.

Did you remove the text below the first section? We edited the page, added a few text blocks, and the page seems to be updating correctly. Please make sure that there are no invalid tags in your content to avoid the issue.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

Please keep border color set to white, then add this css code to remove the lines between the social icons.

#top .social_bookmarks li {
    border-color: transparent;
    border: none;
}

Best regards,
Ismael