Hi,

Thank you for the update.

We could add this css code to limit the width of the main content container, but it might look quite narrow and restricted.

#main .template-page.content.av-content-small.alpha.units {
	max-width: 300px;
}

Best regards,
Ismael

Hi,

Sorry if this thread has gone on for too long. We tried to access the dashboard using account above but it seems to be invalid. Please check the info carefully or provide another admin account and post the login URL in case you change it.

Thank you for your patience.

Best regards,
Ismael

Hi,

The list is created as a replacement for the tooltip because hover state doesn’t exist on touch devices. Users can still access the links by clicking on the actual hotspot but since the styling is set to blank and not numbered hotspots, users might not know which hotspot is which. You may need to set the Styling > Hotspot Styling back to “Numbered Hotspots”.

We could also use this css code to display the numbers back only on mobile view.

@media only screen and (max-width: 767px) {
    .av-hotspot-container .av-image-hotspot_inner:hover, .av-hotspot-container .av-image-hotspot_inner {
	color: #ffffff;
    }
}

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the info.

Looks like the Advanced > Animation > Lazy Loading Of Images option is not enabled for the Blog Posts element. If you would like to enable the option by default, please include this additional filter in the functions.php file.

function ava_enable_lazyloading() {
	global $avia_config;
	$avia_config["alb_html_lazy_loading"] = "enabled"; 
}
add_action("get_header", "ava_enable_lazyloading");

Lazy loading is not enabled globally or by default because it might cause issues with the default animation settings.

Best regards,
Ismael

Hi,

Thank you for the update.

Do you encounter any errors or experience issues when working on the site? Is there anything that is not working as it should or as expected?

The Missing Dependencies warnings occur because the required script avia_modal.js file only loads when using the Advance Layout Builder. These warnings are not critical and should not affect the site or cause any issues.

The second set of errors point to the Tribe__Admin__Notices class, which is probably from the Events Calendar plugin. Did you install the plugin previously and remove it?

Best regards,
Ismael

Hi,

Thank you for the update.

We should be able to use the wp_nav_menu_items filter to insert additional items in the menu.

// https://developer.wordpress.org/reference/hooks/wp_nav_menu_items/

Usage examples can be found in the following threads.

// https://kriesi.at/support/topic/add-phone-icon-next-burger-menu-icon-on-mobile/#post-1241565
// https://kriesi.at/support/topic/add-search-icon-to-footer-navigation/#post-1235547

Best regards,
Ismael

Hey SilviaNT,

Thank you for the inquiry.

The easier solution is to use css to hide the child menu items initially and display them only on hover.

.nested_nav .page_item_has_children .children {
	display: none !important;
}

.nested_nav .page_item_has_children:hover .children {
	display: block !important;
}

We can also use this css to add a + symbol beside the menu items with sub menus.

.nested_nav .page_item_has_children::before {
	content: '+';
	position: absolute;
	left: -13px;
	top: 5px;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We might be able to use the avia_post_slide_query filter to adjust the default date_query of the post slider or blog posts element. An example of the date_query value might look like this:

array (
  0 => 
  array (
    'after' => 
    array (
      'year' => '2010',
      'month' => '09',
      'day' => '01',
    ),
    'inclusive' => true,
    'before' => 
    array (
      'year' => '2020',
      'month' => '09',
      'day' => '06',
    ),
  ),
)

This will display posts from September 01, 2010 up to September 09, 2020. To learn more about the date parameter, please check this thread.

// https://developer.wordpress.org/reference/classes/wp_query/#date-parameters

Best regards,
Ismael

Hi,

Is there a way to use the masonry or the magazine and show the thumbnails of the Facebook videos like the full blog post option?

Sorry for the delay. Unfortunately, this is not how posts element works out of the box. In order to show images in the Masonry, Magazine or any posts element in the builder, we have have to apply a featured image to the post. Please check the following documentation for more info about featured images.

// https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/#setting-a-featured-image

Best regards,
Ismael

Hey Rob,

Thank you for the inquiry.

The wpautop function is used in many shortcodes or templates in the builder such as the text block, so it is possible this is why the paragraph tags are added automatically in the translation.

Which plugin are you using? Please post a screenshot of the translation editor, or post the login details in the private field so that we could check it.

Best regards,
Ismael

Hi,

Thank you for the update.

It’s possible that a css code that hides any h2 tag in the site was added before. Do you remember adding any kind of css code related to headings or fonts?

Best regards,
Ismael

Hi,

But on mobile, the price and payment option overlaps the billing information.

We might have to include that css inside the css media query that we recently created for desktop view.

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

}

This is the code I tried but this did not work:

That css media query will only affect the mobile view. We have to replace (max-width: 767px) with (min-width: 768px) so that it works on desktop view, or just include the latest css code in the desktop css media query that we created previously.

Thank you for your patience.

Best regards,
Ismael

Hi,

You’re welcome. We also added the following css code to get rid of the space below the header and to move the booking button farther to right and align it a bit vertically.

.phone-info {
	position: absolute;
	right: -80px;
	top: 20px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
	padding-top: 108px;
}

We could adjust the right and top position when necessary.

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,

Thank you for the update.

yes, I tried to upload about three or four different fonts and every upload replaced the one before.

We could not reproduce the error on our installation (screenshot below). What is the exact name of the font that you are trying to use, and where did you get it? Please note that only fonts from Google are allowed in the font manager, and you have to upload each font one at a time — uploading group or font sets will not work.

Screenshot: https://imgur.com/c3jR1N2

Best regards,
Ismael

Hi,

Thank you for the clarification.

We might not be understanding it fully because we do not know the old from the current settings. Please post the login details in the private field so that we could test the translations and check the settings. It would be better if we could have access to the staging or development version of the site if it is available.

Best regards,
Ismael