Hi,

Thank you for the update.

To apply a different background to the home page, set the initial background to white as you have done previously.

/*background white*/
#main .container { background: white; }

Then apply a custom background to the home page like so.

/*background black for home*/
.home #main .container { background: black; }

Make sure that the home css code is below the first one.

Best regards,
Ismael

Hi,

Thank you for the update.

Unfortunately, we are not yet sure why this is not working in your installation — the events countdown works fine on our local installation. Would you mind providing access to the file server so that we could debug the issue with the events countdown? Please post the FTP details in the private field.

Best regards,
Ismael

Hi,

Thank you for the short clip.

The hotspots are not supposed to be clickable on mobile view, and it seems like you will only see the issue if you actually try to reproduce it as shown in the short clip above. Regardless, the whole document should not shift to the right when those hotspots are clicked. Please try to add this code in the Quick CSS field or in the child theme’s style.css file to completely disable any pointer events for the hotspots.

@media only screen and (max-width: 767px) {
    .av-image-hotspot {
	pointer-events: none;
   }
}

Best regards,
Ismael

Hi,

In the ALB tab element we have the same undesired blue.

Would you mind providing a screenshot of the tab element issue? It looks fine on our end. Please check the screenshot below.

Screenshot: https://imgur.com/1f78qHR

Best regards,
Ismael+

Hi,

Thank you for the info.

1.) Try to add this css code to align the subscription toggle with the favorite button toggle.

#favorite-toggle {
	display: block;
}

2.) And this one to adjust the style of the avatar or author image.

.bbp-author-avatar {
	display: block;
	float: left;
	margin: 3px 6px 30px 0;
}

3.) This one removes the main title.

.main-title.entry-title {
	display: none;
}

And this removes the breadcrumbs.

.title_container .breadcrumb {
	display: none;
}

If you would like to keep both, maybe you could adjust its style instead using the same selectors above, decrease the font size and what not.

Best regards,
Ismael

Hi,

A temporary solution has been provided in the following thread.

// https://kriesi.at/support/topic/play-video-in-fullscreen/#post-1233484

Unfortunately, we are not yet sure if this will be included in the next update.

If you have more questions, please create a new thread. We will close this one for now.

Best regards,
Ismael

Hi,

I don’t think your score in Chrome on a fast PC is indicative of a mobile device on a real world connection.

Simulated throttling is enabled by default, so the result above is actually from a slowed connection and hardware performance, but you are right, the score on mobile is pretty low, with CLS hovering around 0.377. According to the result, the images in the gallery do not have explicit width and height and they are lazy loaded, which caused layout shifts. The CLS score might improve if you switch to the default gallery from the theme instead of using the Woocommerce 3.0 Gallery, and disable lazy loading.

Best regards,
Ismael

Hi,

What do you mean by “adding -1 to their file names”? How does that work? Unfortunately, we still cannot access the file server using the account above.

In the single post page, the name of the thumbnail is called “entry_with_sidebar” and it has a maximum width of 845px and height of 321px. Did you remove that thumbnail or adjust its size?

Best regards,
Ismael

Hi,

The fallback image is also the Background Image, and you have to enable the Hide video on Mobile Devices? option.

Hide video on Mobile Devices?
You can choose to hide the video entirely on Mobile devices and instead display the Section Background image
Most mobile devices can’t autoplay videos to prevent bandwidth problems for the user

Alternative solution is to use the layer slider instead of the color section.

Best regards,
Ismael

Hi,

Thank you for the update.

The css code above is not yet applied because the Performance > File Compression settings are enabled. Please toggle the compression option or disable it temporarily, then check the page again.

Best regards,
Ismael

Hey wilfredhilbers,

Thank you for the inquiry.

The category sort seems to be working properly on our end. Would you mind providing a screenshot or a short clip of the issue so that we could see it? You can use dropbox, imgur or any file host for the screenshot and/or screencast.

Best regards,
Ismael

Hi,

Thank you for the update.

Would you like to display the home icon on mobile view only, beside the menu icon? If so, please add this code in the functions.php file.

add_action("ava_main_header", function() {
   echo '<span style="display: none;" class="av-icon-char av-header-home-icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>';
}

And in the Quick CSS field, add this css code to display the icon on mobile view only.

@media only screen and (max-width: 767px) {
   .av-header-home-icon {
      display: block !important;
   }
}

Best regards,
Ismael

Hey Michael,

Thank you for the inquiry.

Would you mind providing a short clip or a screenshot of the issue? We cannot reproduce it on our end, clicking on the hotspots does nothing as expected.

Best regards,
Ismael

Hey Robin1987,

Thank you for the inquiry.

Have you tried using one of the single product template hooks to render a global banner in the product pages?

// https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

You could use the woocommerce_before_single_product hook to render an image or additional content before the product.

Best regards,
Ismael

Hi,

@nm: Have you tried adjusting the text manually from the Refuse Cookie Warning field as suggested above?

// https://imgur.com/EVQDLx9

If this is not what you are looking, please create a new thread or ticket, then post the login details in the private field so that we could check the site properly.

Best regards,
Ismael