Hi,

Thank you for the clarification.

You can wrap the css rule inside a css media query, but for desktop view.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

Or use this css code to adjust the position of the masonry content on mobile view and move it closer to the masonry image.

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

  /* Add your Mobile Styles here */
  .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content, .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
    position: absolute;
    bottom: 50px;
  }
}

Best regards,
Ismael

Hi,

Thank you for the info.

We are not aware that there should be a tooltip — the hotspot links are working properly. Please post the WP and FTP login details in the private field so that we can check the issue further.

Best regards,
Ismael

Hey InSilentio,

Thank you for the inquiry.

The theme checks for the following navigator.userAgent (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/), which is a browser property, and it checks if the document has the ‘ontouchstart’ event property, which only exists on touch devices. It doesn’t rely on screen sizes.

Best regards,
Ismael

Hey Maureen,

Thank you for the inquiry.

All of the links in the hotspots are working except for the one above the Albelli logo. Did you check the link? Please try to reset it.

Best regards,
Ismael

Hey J,

Thank you for the inquiry.

We can adjust the breakpoint of the Element Visibility > Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape) option so that it will effectively hide the target element when the screen width is less than 1366px, which should cover larger tablet devices such as an iPad Pro.

Please add this code in the Quick CSS field and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: none;
    }
}

Best regards,
Ismael

Hey adapt,

Thank you for the inquiry.

Did you change the size settings of the masonry element? The height of the .av-masonry-image-container is now set to 70%, but there is no gap between the title and the image. Did you figure this out?

Best regards,
Ismael

Hi,

Thank you for the info.

Do you see the selected image when the Enfold > Performance > Responsive Images option is disabled? This will disable the srcset attribute. Please make sure to turn off the compression and cache plugins while doing the tests.

Best regards,
Ismael

Hi,

Thank you for the login info.

We adjusted the code in the functions.php file a bit. The duplicate trail has been removed.

add_filter( 'avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 2 );
function avia_breadcrumbs_trail_mod( $trail, $args ) {
	// remove duplicate events trail
	if ( tribe_is_month() && ! is_tax() ) {
		unset ($trail[1]);
	}
	return $trail;
}

Best regards,
Ismael

Hi,

Sorry for the delay. We adjusted the pre_get_posts action hook in the functions.php file, and it seems to be working as expected. Only items that belong to the current category page are being returned in the search field. (see private field)

Best regards,
Ismael

Hey edwindepianist,

Thank you for the inquiry.

— Adding the following css code should fix the alignment of the date and author info.

.html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta {
    float: none;
}

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

— Regarding the comments, it is possible that discussions or comments are not enabled in the site. Please make sure that comments are enabled.

// https://wordpress.org/support/article/comments-in-wordpress/#enabling-comments-on-your-site

— Did you switch the editor to the Advance Layout Builder (ALB) for the last post? The read more button is probably displaying because the post is set to use the ALB. This also removes the featured image.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

then that class will be added 9-times to one entry – after click event.

@ Guenni007: Yes, we noticed that too. It works fine when the plugins are deactivated and we were not able to reproduce the issue on our local installation. Thanks for checking.

Best regards,
Ismael

Hi,

Glad to know that the script is now working properly. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey InSilentio,

Thank you for the inquiry.

Did you select the appropriate pages in the Enfold > Theme Options > Frontpage Settings for both languages? Please provide the site URL so that we can check the issue properly.

Best regards,
Ismael

Hey evas49,

Thank you for the inquiry.

Have you tried using the Fullwidth Easy Slider? You can set the slider not to stretch the images by adjusting the Styling > Slides > Stretch image to fit the slideshow size? settings.

Best regards,
Ismael

Hey Ryan,

Thank you for the inquiry.

Set the Content > Captions > Element Title and Excerpt display settings to “Always Display”, and add this code in the functions.php file to append the “learn more” text to the caption.

add_filter("avf_masonry_entry_content", function($content, $entry, $atts) {

	$length = 16;
	$more = "… <span class='avia-button avia-size-small av-masonry-learn-more'>Learn more</span>";
	$content = wp_trim_words($content, $length, $more);

    return $content;
}, 10, 3);

You can then use this css code to hide the learn more text initially and only display it on hover.

.av-masonry-learn-more { 
   opacity: 0;
   transition: all 0.8s;
}

.av-masonry-entry:hover .av-masonry-learn-more {
   opacity: 1;
}

Best regards,
Ismael