Hey chartinboy,

Thank you for the inquiry.

You might have accidentally added an invalid css code in the Quick CSS field, which affects and breaks the whole stylesheet. The site is also using an older version of the theme (4.8.1). The latest version is 4.8.6.4. After the upgrade, please do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings, and purge the cache.

Best regards,
Ismael

Hey John,

Thank you for the inquiry.

The theme does not have a sitemap generator, but you can use the default XML sitemap that WordPress generates automatically for the website. However, most users rely on third party plugins such as Yoast to generate a more accurate sitemap.

// https://yoast.com/help/xml-sitemaps-in-the-wordpress-seo-plugin/
// https://www.wpbeginner.com/beginners-guide/what-is-a-wordpress-sitemap-how-to-create-a-sitemap-in-wordpress/

Best regards,
Ismael

Hey virtualbis,

Thank you for the inquiry.

Looks like the Enfold > Performance > File Compression settings are currently enabled. You may need to toggle these settings or disable them temporarily while working with the site. Cache and other minification plugin should also be disabled while changes are still being done.

Best regards,
Ismael

Hi,

Awesome! Glad to know that it is working. You may need to add conditional functions if you need this to be applied on a specific page or a specific masonry element. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

@wj5: Did you apply a unique ID to the section containing the posts element? In the previous example, the name of the section containing the element with the pagination is “recentecases”, so we used function b and place “#recentecases” as the value of the id parameter.

b('#recentecases');

Best regards,
Ismael

Hi,

Thank you for the clarification.

Adding the following css code should adjust the background of the tooltip container from black to transparent, which should remove the black bar.

.ui-wordpress-tooltip-pro {
    background-color: transparent !important;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Try to replace the previous code with the following css to include the user page.

.responsive .um-page-user, .responsive .single-post, .responsive.html_boxed.html_header_sticky .single-post #header, .responsive.html_boxed.html_header_sticky .um-page-user #header, .responsive.html_boxed.html_header_transparency .single-post #header {
    width: 100%;
    max-width: 100%;
}

We just added the “.um-page-user” selector.

Best regards,
Ismael

Hi,

Thank you for the clarification.

The menu is not switching to mobile mode because you have set the “Logo and Main Menu” to “Left Sidebar”, which only adjusts and reverts back to “Top Header” when the screen width is less than 787px. To adjust the breakpoint, you have to add this css code.

@media only screen and (max-width: 989px) {
  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }

  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive.html_header_left #main {
    margin-left: 0;
  }

  .html_header_sidebar .logo img,
  .html_header_sidebar .logo svg {
    width: auto;
    max-height: 80px;
    padding: 0;
    height: auto;
  }

  .responsive #header_main .container {
    height: auto !important;
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,
  .responsive #top #wrap_all .av-logo-container {
    height: 80px;
    line-height: 80px;
  }

  .responsive #header_main .container {
    height: auto !important;
  }

  .responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
  }

  .responsive #top .logo {
    position: static;
    display: table;
    height: 80px !important;
    float: none;
    padding: 0;
    border: none;
    width: 80%;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive.html_header_sidebar #header .av-main-nav > li {
    margin: 0 10%;
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    min-width: 0;
    padding: 0 0 0 20px;
    margin: 0;
    border-style: none;
    border-width: 0;
  }
}

Best regards,
Ismael

Hi!

Thank you for the inquiry.

Please try to replace the content of the class-svg-images.php file to fix the error when uploading an svg file as logo.

// https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_6_4/framework/class-svg-images.php

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

Yes, this should be possible by adjusting the tax_query using the avia_masonry_entries_query filter. Example:

add_filter("avia_masonry_entries_query", function ($query) {
	$query["tax_query"] = array(
		'relation' => 'OR',
		array(
			'taxonomy' => 'portfolio_entries',
			'field' => 'id',
			'terms' =>
			array(
				0 => 8,
				1 => 9,
				2 => 10,
			),
			'operator' => 'IN',
		),
		array(
			'taxonomy' => 'category',
			'field' => 'id',
			'terms' =>
			array(
				0 => 2,
				1 => 3,
				2 => 1,
			),
			'operator' => 'IN',
		),
	);
	return $query;
}, 10, 1);

Make sure to adjust the array of IDs and use the actual ID of the terms inside certain taxonomies (portfolio_entries, category).

array(
				0 => 8,
				1 => 9,
				2 => 10,
			),

Best regards,
Ismael

Hey pontedellarco,

Thank you for the inquiry.

Are you trying to remove the link from the images? Please post a link to the page containing the articles so that we can check it.

Best regards,
Ismael

Hi,

For nested sub menus, you will have to do this modification.

// https://kriesi.at/support/topic/accessibility-issue-for-menu-with-sub-items-of-sub-items/#post-1296178

Or add this code instead.

currentLink.on('focus', function () {
						sublist.stop().css({ visibility: 'visible' }).animate({ opacity: 1 });
						currentItem.css("z-index", 1000);

						sublist.find('li:last-child').on('focusout', function () {
							var parent = sublist.parent(".menu-item");
							var nextMenu = parent.next();
							var submenu = $(this).parent(".sub-menu");

							if(nextMenu) {
								nextMenu.trigger("mouseenter").focus();
								submenu.stop().animate({ opacity: 0 }, function () {
									submenu.css({ visibility: 'hidden' });
								});
								return;
							}

							sublist.stop().animate({ opacity: 0 }, function () {
								sublist.css({ visibility: 'hidden' });
							});
						});
					});

Best regards,
Ismael

Hi,

Thank you for the update.

1-2.) We have found out that the fts_instagram shortcode is the causing the layout issue. We saved the content of the page as template, applied it to a draft page (see private field) and removed the fts_instagram shortcode. The content within the tab section displayed correctly after removing the shortcode. You may need to contact the plugin authors for additional assistance or use a different instagram plugin.

3.) We checked the site on Chrome and Firefox. Please check the screenshot below.

Screenshot: https://postimg.cc/gallery/5J4W3S8/3813816e

4.) What is the font that you are using? It is possible the font weight 900 is not available for that font.

Best regards,
Ismael

Hey karinorage,

Thank you for the inquiry.

What is the actual model of the tablet device that you are using? The mobile menu icon will display when the screen width is less than 991px, but some tablet device is now wider or have a higher screen resolution, so the default menu will still be visible on those devices.

We could use the following css to adjust the mobile menu breakpoint or to force the mobile menu to display when the screen width is less than 1366px, which should cover tablet devices with high screen resolutions such as iPad Pro.

@media only screen and (min-width: 768px) and (max-width: 1366px)
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
        display: block;
    }

    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
        display: none;
    }
}

Best regards,
Ismael

Hey Ralph,

Thank you for the inquiry.

Did you set the background attachment to “fixed”? This might be causing the issue on mobile devices. We tried to inspect the site but it is not loading properly on our end. We may need to login to the dashboard first. Please post the admin account info in the private field.

Best regards,
Ismael