Hi,

Thank you for the update.

1.) The text and the banner image in the slides are resizing properly when we check the site on a device emulation as shown in the screenshot below.

Screenshot: https://imgur.com/a/EbszEMA

How would you like the slider to resize or adjust on mobile view?

2.) That is the default layout of the slider on mobile view. The slider navigation is hidden by default but we could use the following css code to display it back on smaller screens.

@media only screen and (max-width: 767px) {
    .responsive #top .avia-slideshow-controls a {
	display: block;
    }
}

You could also display another slider or element with different configuration or settings in place of the current one using the elements’ Advanced > Responsive > Element Visibility settings. This option allows you to toggle the visibility of the elements in different screen sizes.

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Yes, the child theme should be activated, else the modification or the template changes for the portfolio archive page that we just did will not work. Please note that after activating the child theme, you have to import the parent theme options to keep the current layout and configuration of the site. For more info, please check the documentation below regarding child theme installation or activation.

// https://kriesi.at/documentation/enfold/child-theme/

Just to be safe, please create a site backup or a restore point before activating the child theme so that we could revert back to a previous version in case anything goes wrong.

2.) It is up to the developer or the site owner to update the child theme version if they want, but it is not necessary.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The site is still using an older version of the theme, v.4.7.4. You may need to upgrade it to v4.7.6.4. Please post the FTP and WP login details in the private field if the issue persists after the update.

Best regards,
Ismael

Hi,

Sorry about that. We forgot to include this css code.

table.shop_table .woocommerce-cart-form__cart-item.cart_item {
	height: 100%;
}

This is how the table should look after adding the css code above.

Screenshot: https://imgur.com/UBCGGFv

Best regards,
Ismael

Hi,

Thank you for the update.

Would you like to adjust the position of the stars inside the review container? Please try this code in the Quick CSS field.

div .star-rating, div #reviews #comments ol.commentlist li .comment-text .star-rating {
	top: 10px;
	position: relative;
}

Adjust the top position as you wish.

Best regards,
Ismael

Hi,

Sorry for the delay. This might be due to the new Enfold > Privacy & Cookies option, which is not available on version 4.4.1. Have you tried disabling the option temporarily? You should also disable the Performance > File Compression settings temporarily to regenerate the scripts and stylesheets.

Best regards,
Ismael

Hi,

Thank you for the info.

We are not really sure if this is going to help, but the following script should completely remove the hidden slider from the pagem and hopefully allow the waypoint script to correctly calculate the position of the images.

// remove hidden ls
function ava_script_events_container() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', "(function($) {
			$(document).ready(function() {
				$('.ls-forcehide').remove();
			});
})(jQuery);" );
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_script_events_container', 9999);

Please add it in the functions.php file.

Best regards,
Ismael

Hey Salt,

Thank you for the inquiry.

By default, it is not possible to embed the events calendar in any page aside from the selected events page in the plugin settings. A shortcode is available but only for the premium version.

// https://theeventscalendar.com/knowledgebase/k/embedding-calendar-views-with-the-tribe_events-shortcode/

Best regards,
Ismael

Hi,

The video in that page is not playing automatically because audio is enabled. You have to mute the video first in order to make it play automatically on page load. Some devices do not support video autoplay by default, so you might have to ask your users to manually play the file when necessary.

// https://help.outofthesandbox.com/hc/en-us/articles/360000661568-Why-won-t-my-video-autoplay-

Best regards,
Ismael

Hey bauchope,

Thank you for the inquiry.

Have you tried setting the Grid Row element’s Advanced > Responsive > Fullwidth Break Point to the second option? This should make the cells full width on devices with screen width lower than 989px. You might also need to set the Mobile Behaviour back to the first option.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add this css code anywhere?

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
	color: #212122;
}

This sets the font color of the mobile menu item to gray, same as the color of the mobile menu container. Please remove the css code, or add another css to override it.

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
	color: #ffffff;
}

Best regards,
Ismael

Hey Mohamad,

some of the blog posts are glued together as if there is no gap at all / how can i solve this ?

Sorry for the delay. The issue does not always occurs and only happens on certain screen sizes. We might be able to prevent the items from sticking to each other by adjusting the width of the masonry container. Please try this code in the Quick CSS field.

.av-masonry-container {
	width: 100.2%;
}

however, when i go to another sorting category i do not get all the blog posts. i only get few / only when i click on load more then i have them all displayed !! i need this to also display 15 blog posts

We explained how the sorting works in the following thread.

// https://kriesi.at/support/topic/masonry-sorting-problem/#post-1264475

Best regards,
Ismael

Hi,

Unfortunately, this template cannot be overridden in the child theme because the function that generates it is part of a class. You will have to modify the parent file directly, or move the whole av_privacy_class class in the child theme. You will also have to remove the av_privacy_helper action.

remove_action( 'init', 'av_privacy_helper', 20 );

Best regards,
Ismael

Hey bnewman1,

Thank you for the inquiry.

Would you like to open a specific portfolio item on page load? If that is what you want, the following documentation should help.

// https://kriesi.at/documentation/enfold/portfolio-grid/#enable-deeplinking-to-the-portfolio-ajax

But instead of anchors, we will use query strings or URL parameters containing the ID of the portfolio item.

Example of a custom URL as shown in the documentation.

http://www.yoursite.com/your_portfolio_page?custom_ajax=12

Best regards,
Ismael

Hey fkm,

Thank you for using Enfold.

How did you add the gap or space between the items? You should be able to remove that space for every 4th item in the row using nth child selectors. Please check the following article for more info about nth child selectors.

// https://css-tricks.com/almanac/selectors/n/nth-child/
// https://css-tricks.com/how-nth-child-works/
// https://www.w3schools.com/cssref/sel_nth-child.asp

Best regards,
Ismael