Hi,

Thank you for the update.

The following markup breaks the template.

<strong>Crown Prince Walkingstick</strong>< font size="3"> <!--- this is invalid
<font size="3"><font color="#939598">Calligraphy and Special Requests
12 October 2018</font>

You forgot to close the font tag. Please rectify it by adding a closing tag.

Best regards,
Ismael

Hey Joe,

Thank you for using Enfold.

Use this css code to pull the column or box upward.

#av_section_1 .flex_column.av_three_fifth.av-animated-generic.fade-in.flex_column_div.avia-link-column.av-column-link.avia-link-column-hover.avia-builder-el-2.el_after_av_one_fifth.el_before_av_one_fifth.avia_start_animation.avia_start_delayed_animation {
    top: -200px;
}

Please turn on the Custom CSS Class field so that you can apply a more specific css selector.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Ismael

Hey Gudi,

Thank you for using Enfold.

We found the following error in one of the scripts.

Object doesn't support property or method 'includes'

The function is not supported by or compatible with IE.

// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes#Browser_compatibility

Please edit the js > shortcodes.js file, look for this code around line 501:

// -------------------------------------------------------------------------------------------
// Section Height Helper
// -------------------------------------------------------------------------------------------

Above that code, add this polyfill for the function.

// https://tc39.github.io/ecma262/#sec-array.prototype.includes
if (!Array.prototype.includes) {
	Object.defineProperty(Array.prototype, 'includes', {
	  value: function(valueToFind, fromIndex) {

		if (this == null) {
		  throw new TypeError('"this" is null or not defined');
		}

		// 1. Let O be ? ToObject(this value).
		var o = Object(this);

		// 2. Let len be ? ToLength(? Get(O, "length")).
		var len = o.length >>> 0;

		// 3. If len is 0, return false.
		if (len === 0) {
		  return false;
		}

		// 4. Let n be ? ToInteger(fromIndex).
		//    (If fromIndex is undefined, this step produces the value 0.)
		var n = fromIndex | 0;

		// 5. If n ≥ 0, then
		//  a. Let k be n.
		// 6. Else n < 0,
		//  a. Let k be len + n.
		//  b. If k < 0, let k be 0.
		var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);

		function sameValueZero(x, y) {
		  return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));
		}

		// 7. Repeat, while k < len
		while (k < len) {
		  // a. Let elementK be the result of ? Get(O, ! ToString(k)).
		  // b. If SameValueZero(valueToFind, elementK) is true, return true.
		  if (sameValueZero(o[k], valueToFind)) {
			return true;
		  }
		  // c. Increase k by 1. 
		  k++;
		}

		// 8. Return false
		return false;
	  }
	});
  }

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes#Polyfill

Best regards,
Ismael

Hi,

Please continue on that thread. We’ll close this one now. Thanks for the update.

Best regards,
Ismael

Hey transformmedia,

Thank you for using Enfold.

Have you tried setting the columns to break on tablet view or when the screen width is equal to or less than 989px? That should create more space for the progress bar. Edit the first column column in the row where the progress bar is located, go to the Screen Options and set the “Fullwidth Break Point” settings to the second option.

Best regards,
Ismael

Hi,

Thank you for the update.

You should reverse the $content and the “page-edit” markup in the following line if you want to move the link before the content.

$content = $content . '<p class="page-edit"><a href="' . get_edit_post_link( get_the_ID(), 'Edit this page') . '">Edit this page</a></p>';

.. should be:

$content = '<p class="page-edit"><a href="' . get_edit_post_link( get_the_ID(), 'Edit this page') . '">Edit this page</a></p>' . $content;

Best regards,
Ismael

Hi!

NOTE: Starting on version 4.3, the “avf_builder_boxes” has to be replaced with the “avf_alb_supported_post_types” filter in order to register your custom post types and enable the advance layout builder. More info in the documentation.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#alb-for-any-post-type

Best regards,
Ismael

Hi,

Thank you for the update.

There is a copy of the functions-enfold.php file in the root directly. Did you put it there? We renamed the file to disable it.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you impose a daily request limit on the API? This is the current error in the console, which is related to the request quota or your billing account.

You have exceeded your request quota for this API. See https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors
_.Jc @ js?v=3.35&callback=aviaOnGoogleMapsLoaded:54

And please check if the Geocoding API is enabled.

// https://kriesi.at/documentation/enfold/google-map/#enable-services-for-google-api

Best regards,
Ismael

Hi,

Thank you for using Enfold.

We don’t see any errors when we ran the html validator. Are they fixed?

Best regards,
Ismael

Hi,

Thank you for the update.

It may not be what you’re expecting, but that is how the cell’s background image is supposed to resize on mobile view. One workaround is to hide those particular grid cells on mobile view and replace them with a different element. You can use the elements’ Screen Options panel to toggle their visibility for different screen sizes.

Or use this css code to adjust the position of the image inside the background positioning area.

@media only screen and (max-width: 767px) {
#hello .flex_cell.no_margin.av_one_half.avia-builder-el-12.el_after_av_cell_one_half.avia-builder-el-last.avia-full-stretch.av-zero-padding {
    background-position: 70% 0 !important;
}
}

You may need to apply a Custom CSS Class to that particular element and use that instead of the default css selector above.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

Best regards,
Ismael

Hey Gitte,

Thank you for using Enfold.

The pages post type doesn’t support the category taxonomy by default. You have to configure that manually with a filter or you can install a plugin.

// https://www.wpbeginner.com/plugins/how-to-add-categories-and-tags-for-wordpress-pages/

Best regards,
Ismael

Hi,

Thank you for the update.

Did you include the dev site as one of the http referrers?

// https://www.wpgmaps.com/documentation/ensuring-your-referrers-are-properly-inserted/

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,

Try to set the “orderby” parameter to “meta_value_num” and the “meta_key” to “_price”. Example:

add_filter('woocommerce_output_related_products_args', 'avf_woocommerce_output_related_products_args_mod', 10, 1);
function avf_woocommerce_output_related_products_args_mod($args) {
    $args['orderby'] = 'meta_value_num';
    $args['order'] = 'asc';
    $args['meta_key'] = '_price';

    return $args;
}

Best regards,
Ismael

Hey PIW,

Thank you for using Enfold.

That feature is not available in the theme by default, so you may need to find another plugin for it. Anyway, the Perfect WooCommerce Brands plugin has a filter widget. Did you try that? You have to add it to the base or default shop page because it’s not compatible with the theme’s Product Grid element.

Best regards,
Ismael