Hey Mike2482,

Thank you for the inquiry.

The only workaround is to make the description column to a standard column.

The theme contains a script that automatically prepends the description on every first item of the columns or sections on mobile view, because as the name says it is used to describe the content of that particular column. If that is not your intention, then you have to use the default column.

Another solution is to make the table scrollable by setting the Advanced > Responsive Styling to the second option.

Best regards,
Ismael

Hi,

Glad that you’ve found a solution.

If you want to target the main container of the layer slider, the theme automatically applies a unique ID to it. This is the markup of the layer slider container.

<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  container_wrap fullsize ls-direction-fix ls-overflow-visible" style="height: auto;"></div>

The ID is #layer_slider_1.

If you want to target a slider on a specific page, just prepend the page ID selector like so:

.page-id-22 #layer_slider_1 {
   /* style here */
}

.. where 22 is the page ID.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We are having a bit of difficulty navigating the site and the WPML settings because of the language. Can we set the default language to EN temporarily? Is this a staging site?

Did you set the Translation Management > Multilingual Content Setup to “Use the translation editor” by default?

// https://www.youtube.com/watch?time_continue=31&v=fHwjObRRhN0&feature=emb_logo

Best regards,
Ismael

Hi,

Sorry for the delay. We get a 500 internal server error whenever we try to search for posts. Did you modify the funtions-enfold.php file before? This file contains the AJAX search function (avia_ajax_search). We also tried to implement the Relevanssi function but it’s still not working.

Please post the FTP details in the private field so that we can check the issue further.

Best regards,
Ismael

Hey!

Sorry for the delay. Did you set the video slide’s Styling > Video Display settings to the second option (stretch)? The controls are not visible when this option is enabled because as it says the theme has to stretch the video in order to cover the whole slider container and to keep any black bars from displaying. This also moves the controllers outside the slider container. Unfortunately, it’s not possible to adjust the style of the controls..

If you really need the controls to display, you have to set the Styling > Video Display to the first option.

Best regards,
Ismael

Hey Rob,

Sorry for the delay. We are a bit confused about the question. What do you mean exactly by “content of a shortcode” and which “shortcode attributes”?

In the template-builder.php file, there is a filter called “avia_builder_precompile”. Maybe you can use the filter to get the builder content or shortcodes and do your modifications before returning it to the template.

Best regards,
Ismael

Hi,

Sorry for the delay. Background videos are disabled on mobile devices by default, which is why you’re only seeing an empty box. In place of that box, you can apply a fall back image. Please edit the color section, then go to the Styling tab and select a fall back image in the background section. However, if you really need to display videos on mobile view, you have to use the Video element instead. You can make it so that the color section is hidden on mobile devices and only display the Video element. Just toggle the visibility of the elements in the Screen Options tab.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Looks like the slider triggers a “avia-transition-done” after every slider item fade or slides in. Maybe we can add a listener for that event and do the side effects after the transition.

$('.avia-slideshow:not(.av_fullscreen)').on("avia-transition-done", function() {
   // do something after slider transition
});

Best regards,
Ismael

Hi,

Sorry for the delay. We added this snippet in the functions.php file to adjust the posts query of the masonry element.

add_filter('avia_masonry_entries_query', 'avia_masonry_entries_query_mod', 10, 2);
function avia_masonry_entries_query_mod($query, $params) {
	$include = array();
	$sticky = get_option( 'sticky_posts' );

	$args = array(
	  'taxonomy' => $params['taxonomy'],
	  'post__not_in' => $sticky,
	);
	$posts = get_posts( $args );

	foreach($posts as $post) {
		$include[] = $post->ID;
	}

	$include = array_merge($sticky, $include);

	// convert values of the $include from string to int
	function sti($n)
	{
		settype($n, 'int');
		return $n ;
	}

	$include = array_map("sti", $include);

	$query['post__in'] = $include;
	$query['posts_per_page'] = 6;
	$query['orderby'] = 'post__in'; // sort items based on the post__in value
	return $query;
}

The sticky posts now display in the first page.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

The theme automatically crops the background image or let it overflow outside the background positioning area in order to keep its aspect ratio. We can make the image fully visible within the section but will most likely distort the image or create white space around the container. So one solution is to create a duplicate of the same section and use a smaller image that is specifically cropped or resized for smaller screens.

And if you’re seeing zoomed in images on iPad or iOS devices, this might be due to the fixed background attachment property. To fix it, we have to disable the fixed background effect, and revert it back to the default scroll behavior.

@media only screen and (max-width: 989px) {
   .fullsize {
	background-attachment: scroll !important;
   }
}

// https://caniuse.com/#feat=background-attachment

Firefox does not appear to support the local value when applied on a textarea element.
Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.
iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details
Best regards,

Ismael

Hi,

Looks like you’ve already found a solution for the breadcrumb issue.

// https://kriesi.at/support/topic/breadcrumbs-in-blog-archive-page-layout/#post-1228764

Please don’t hesitate to open a new thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

We get the spacing issue randomly and we also noticed that the page lags or it is quite slow to load. Maybe because there are a lot of huge images in it. To fix the issue, we increase the duration of the script and force the window to resize to reposition the grid items while the page or the images are loading.

Best regards,
Ismael

Hi,

Thank you for the update.

IMO, watching embedded clips inside that tooltip is not ideal — it will close whenever the tooltip is out of focus or when the cursor is not over it and it’s also quite small. It’s also uncommon and maybe unintuitive. Users will probably prefer a link that can open the media file or video inside a modal popup or a lightbox container, or redirect to an external link and watch the video from there.

Best regards,
Ismael

Hi,

My mistake. This line:

item.style.backgroundImage = url(${item.dataset.src});

.. should be:

item.style.backgroundImage = {BACKQUOTE}url(${item.dataset.src}){BACKQUOTE};

It should work properly now.

You can also post the login details in the private field so that we can test it properly.

UPDATE: The editor removes the back quotes which enclose this line:

url(${item.dataset.src})

Please add it manually by replacing the placeholder {BACKQUOTE}.

Best regards,
Ismael

Hi,

Thank you for the update. I believe this line:

if ( bp_current_component ) {

.. should be:

if ( bp_current_component() ) {

.., and if you want to exclude the blog pages or to prevent the “Forum” sidebar from displaying on it, try this condition:

if ( bp_current_component() && ( !is_home() && !is_page(ID OF THE PAGE HERE)) ) {

Replace the placeholder in the is_page function with the actual ID of the blog page. The condition is_home should be enough, but it’s not going to work if you didn’t set the blog as the main blog or posts page in the Settings > Reading or the the Enfold > Theme Options panel.

Best regards,
Ismael