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

Hi,

Thank you for the inquiry.

@sophiasbiti: It’s possible that the site or your browser is still delivering the cached version of the stylesheets and scripts, which caused the layout issues. Did you try to toggle or temporarily disable the Enfold > Performance > File Compression settings after updating the theme?

@Keasyconciergerie: You have to set the front and blog page in the Enfold > Theme Options panel, and reset the options in the Settings > Reading panel to default.

Best regards,
Ismael

Hey NanoMoller,

Thank you for the inquiry.

Did you install a template builder plugins? Looks like the default header is being replaced with a different header called “pagelayer-header”. Please try to deactivate the plugins temporarily and check if the default header displays.

Best regards,
Ismael

Hey frb1,

Thank you for the inquiry.

The site is on maintenance mode and is not accessible. Please provide the login details in the private field. Could you also provide screenshots of the changes that you’d like to implement?

Best regards,
Ismael

Hey frb1,

Thank you for the inquiry.

The site is in maintenance mode, so we were not able to check it. Please provide the login details in the private field. There is no option for this out of the box, but the theme should automatically adjust the layout of the table element on mobile view. Would you mind providing a screenshot of the issue?

Best regards,
Ismael

Hey Highlander-2013,

Thank you for the inquiry.

You can find more styling options by editing one of the slides, go to the Styling tab, and you should find more settings in the Colors and Font Sizes toggle. If you want to add your own css modifications, please use the Enfold > General Styling > Quick CSS field.

Best regards,
Ismael

Hi,

Thank you for the update.

There is no option for this by default but you can add the following css code to apply a minimum height to the sliders.

.avia-content-slider-element-container.av-lr0sh4rf-253b4eed3b657e2271d5ec08f704cca5 .slide-entry {
    min-height: 230px;
}

Best regards,
Ismael

Hi,

Did you hide the field labels? If you want to change the color of the placeholder, you can add this css code.

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: blue !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: blue;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: blue;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: blue;
}

Best regards,
Ismael