Hi,

Thank you for the update.

Have you tried inspecting the demo directly in the browser to see the size of the images used in the pages? For example, in the front page of the demo, these are the images used.

// https://kriesi.at/themes/enfold-restaurant/wp-content/uploads/sites/39/2014/07/pasta.jpg
// https://kriesi.at/themes/enfold-restaurant/wp-content/uploads/sites/39/2014/07/pizza-710×375.jpg
// https://kriesi.at/themes/enfold-restaurant/wp-content/uploads/sites/39/2014/07/burger-845×684.jpg
// https://kriesi.at/themes/enfold-restaurant/wp-content/uploads/sites/39/2014/07/kitchen_chef_edit.jpg

This might help. https://developers.google.com/web/tools/chrome-devtools/open

A specific thumbnail is usually assigned to a specific element in the builder such as the masonry thumbnail for the Masonry element, or the portfolio thumbnail for the Portfolio Grid but there is also an option called Preview Image Sizes in the elements’ Styling tab where you could select the size of the images manually if you prefer to use a different one.

Best regards,
Ismael

Hi,

Thank you for the info.

We just noticed that all toggler are opened on page load, so we adjusted the script in the functions.php file a bit to loop through all togglers and close all of them on mobile view. This is the final code.

/*-------------------------------------------------------------
// Close open accordion toggles on mobile devices
//------------------------------------------------------------*/

add_action('wp_footer', function() {
?>
<script>
document.addEventListener("DOMContentLoaded", function() {
     if(window.innerWidth > 769) return;
	 setTimeout(function() {		 
		 var actives = document.getElementsByClassName("toggler");
		 Array.prototype.forEach.call(actives, el => {
			el.dispatchEvent(new Event('click'));
			el.classList.remove("activeTitle");
		});
	 }, 500);
});
</script>
<?php
}, 9999);

Best regards,
Ismael

Hi,

On which device are you testing it? As we mentioned above, fixed elements or backgrounds are not fully supported on iOS devices and some mobile browsers. You may need to consider setting it to scroll on mobile view.

Best regards,
Ismael

Hi,

You have to remove the previous snippet that we provided and use the recent one above because that is the complete code. After adding the code, make sure that the Portfolio Item Slug is set to a slash (“/”) and make sure to flush or save the permalink settings. After that, refresh the page, go to the Portfolio panel, and view one of the portfolio items. The post type slug should be removed from the URL.

Would you mind if we access the dashboard and the file server? Please post the WP and FTP login details in the private field so that we could test the modification.

Thank you for your patience.

Best regards,
Ismael

Hi,

You are very welcome. Please feel free to open a new thread if you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

It is probably not working because the menu is positioned below the header. The Enfold > Header > Header Layout > Menu and Logo Position settings should be set to Logo left, Menu right.

Best regards,
Ismael

Hi,

Thank you for the info.

To fix the old or classic style of the events page, we had to place the tribe events css modification in the style.css file. Please check the links in the private field and please do not forget to purge the cache or do a hard refresh.

Best regards,
Ismael

Hi,

Thank you for that info.

Do you see any errors in the browser console when you check the site on Safari? I asked the rest of the team to inspect the issue on Safari and hopefully they will find the problem and provide a working solution.

Best regards,
Ismael

Hey arapps,

Thank you for the inquiry.

You can override the element in your child theme by creating a new shortcode path. Please check the following documentation for more info.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

Best regards,
Ismael

Hey riseadmin,

Thank you for the inquiry.

Did you figure out the issue? It now stays in the current page after adding a product to the cart, instead of redirecting to the cart page.

Best regards,
Ismael

Hey ZikomoWebdesign,

Thank you for the inquiry.

Did you add the css code provided in the documentation? The css code should allow you to move the position of the elements or change their order within the header.

// https://kriesi.at/documentation/enfold/example-of-widget-left-logo-right-menu-below/#toggle-id-2

Best regards,
Ismael

Hey Stilecatalini,

Thank you for the inquiry.

Are you referring to the parallax effect? This effect or option is actually disabled on mobile devices by default. Setting it to “fixed” instead of “parallax” might work, but this option is partially or not fully supported on iOS devices and Android browsers.

// https://caniuse.com/background-attachment
// https://stackoverflow.com/questions/21476380/background-size-on-ios

Best regards,
Ismael

Hi,

Thank you for the update.

We cannot find the recommended script in the document or page. Did you remove it? Please add the script again so that we could check if it is actually working or if there is any error. Please make sure to copy the code directly from the forum and not from your email.

Best regards,
Ismael

Hi,

You have to add the pre_get_posts filter along with the previous code that we recommended and remove the slug and set the with_front parameter of the portfolio post type to false. The pre_get_posts function should alter the default query.

This is the final code, which seems to be working properly when we tested it on our installation.

/**
 * Remove the slug from published portfolio permalinks. Only affect our custom post type, though.
 */
function avf_portfolio_cpt_args_mod($args) {
	$args['rewrite']['slug'] = '/';
        $args['rewrite']['with_front'] = false;
	return $args;
}
add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod', 10);

function ava_remove_custom_slug( $post_link, $post, $leavename ) {
    if ( 'portfolio' != $post->post_type || 'publish' != $post->post_status ) {
        return $post_link;
    }

    $post_link = str_replace( '/' . $post->post_type . '/', '/', $post_link );

    return $post_link;
}
add_filter( 'post_type_link', 'ava_remove_custom_slug', 9999, 3 );

/**
 * Have WordPress match postname to any of our public post types (post, page, portfolio).
 * All of our public post types can have /post-name/ as the slug, so they need to be unique across all posts.
 * By default, WordPress only accounts for posts and pages where the slug is /post-name/.
 *
 * @param $query The current query.
 */
function ava_add_cpt_post_names_to_main_query( $query ) {

 // Bail if this is not the main query.
 if ( ! $query->is_main_query() ) {
 return;
 }

 // Bail if this query doesn't match our very specific rewrite rule.
 if ( ! isset( $query->query['page'] ) || 2 !== count( $query->query ) ) {
 return;
 }

 // Bail if we're not querying based on the post name.
 if ( empty( $query->query['name'] ) ) {
 return;
 }

 // Add CPT to the list of post types WP will include when it queries based on the post name.
 $query->set( 'post_type', array( 'post', 'page', 'portfolio' ) );
}
add_action( 'pre_get_posts', 'ava_add_cpt_post_names_to_main_query' );

Please do not forget to flush or save the permalink settings.

Best regards,
Ismael

Hi,

@luhlacom: Have you tried using an absolute URL instead of a relative path in the menu item URL field? Or just place the anchor without the page path? If you are still encountering the issue after doing the recommendations, please create a new thread and post the site details in the private field.

Best regards,
Ismael