Hi,

Thank you for following up.

We updated the code in the functions.php file.

/* zijbalk op productpagina */
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
	add_action( 'woocommerce_after_single_product_summary', 'avia_close_image_div_mod', 20);
	add_action( 'woocommerce_before_single_product_summary', 'avia_open_image_div_mod', 1 );
}

function avia_open_image_div_mod() {
	echo "<div class='product-main-container'>";
}

function avia_close_image_div_mod() {
	echo "</div>";
}

function avia_add_sidebar() {
	if(is_product()) {
		$avia_config['currently_viewing'] = "shop_single";
		get_sidebar();
	}
}
add_action('init','ava534345953_init', 50);

And use this css code instead.

.product-main-container {
    width: 63%;
    float: right;
    margin-left: 50px;
}

.product-main-container::after {
	content: '';
	display: table;
	clear: both;
}

.product-main-container .single-product-main-image, .product-main-container .single-product-summary  {
	width: 100%;
}

#top #main .sidebar {
    border-left: 0;
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: 0;
    margin-right: 50px;
    padding-right: 50px;
}

The widget area is now located in the sidebar.

Best regards,
Ismael

Hi,

Thank you for the info.

The script that we provided in the previous thread will move the social icons inside the mobile menu, but since the social icons are not yet enabled in your site, the script has nothing to move.

Please enable the social icons in the Enfold > Header > Extra Elements panel, then test it again. We can add a few css if you want the social icon to only display inside the mobile menu.

Best regards,
Ismael

Hi,

No problem. It is possible that not all elements require a name because its type (e.g FAQ, Breadcrumb) already describes the element effectively.

Please do not hesitate to open another 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 info.

If I enter more text than the 2 words you did, there’s is only text and image and title disappear.

That happens because the content or excerpt container in the masonry element is actually an overlay, which is above the image. To adjust the size of the image or to make most of it visible, you can use the following css code.

.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 150%;
}

Default bottom padding value is 80%.

You can also try a different masonry size settings.

Best regards,
Ismael

Hi,

1.) If you look at the screenshot closely, you will see that the menu ID in the EN version is 11472, not 11470.

2.) The EN version is still displaying because it is set as the front page in the Settings > Reading panel. We reset the options to default.

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,

Alright. Using the the_excerpt or the get_the_excerpt function should help pull out the product description.

// https://docs.woocommerce.com/document/display-post-excerpt-instead-of-full-content/

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

Would you like to limit the maximum width of the grid row container? You can use this css code for that.

.responsive .container {
    max-width: 1400px;
}

And if you want to only apply it on a certain screen width, create a css media query.

@media only screen and (min-width: 1600px) {
  /* Add your Desktop Styles here */
   .responsive .container {
       max-width: 1400px;
   }
}

Best regards,
Ismael

Hey Byrne,

Thank you for the inquiry.

That should be possible with a little script in the functions.php file.

// a custom script
// toggle accordion's read more text
function ava_custom_script_mod_read_less() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(document).ready(function() {
				$(".toggler").each(function() {
					var active = $(this).is(".activeTitle"); 
					if(active) {
						$(this).text("Read Less");
					}
				});

				$(".toggler").on("click", function(e) {
					e.preventDefault();
					var active = $(this).is(".activeTitle"); 
					var content = $(this).html();
					var innerText = $(this).text().trim();
					
					var new_content = content.replace(innerText, active ? "Read More" : "Read Less");

					$(this).html(new_content);
				});
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod_read_less', 9999);

Best regards,
Ismael

Hi,

Thank you for the info.

We tried disabling the Performance > File Compression settings, but it did not change anything. What happens when you disable the Elementor lightbox option, or when you disable the plugin completely?

// https://elementor.com/help/lightbox/#:~:text=The%20lightbox%20feature%20is%20turned,Site%20Settings%20%3E%20Settings%20%3E%20Lightbox.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code in the Quick CSS field to disable the gallery animation and make the items display immediately on page load.

.avia-gallery-thumb img {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    animation: none;
}

Best regards,
Ismael

Hey ohelayalah,

Thank you for the inquiry.

Would you mind providing a screenshot of the admin menu issue? Or post the login details in the private field, and we will check the dashboard.

“edit event in series” link.

Do you mean recurring events? Please provide a link to one of these events as well so that we can check it.

Best regards,
Ismael

Hey Frank,

Thank you for the inquiry.

The css media query is working properly on our end. Please check the screenshot below.

Screenshot: https://imgur.com/BelvocZ

Screen width in the screenshot is 400px.

Best regards,
Ismael

Hi,

Alright. We modified the functions.php file via FTP and replace wp_head with wp_footer hook as suggested above. There are also some invalid syntax in the file but we already corrected those. The popup is now working correctly but for some reason, it has no background. Did you remove it?

Thank you for your patience.

Best regards,
Ismael

Hi,

We found a jQuery error in the console, which is generated from a WOOF script.

Uncaught ReferenceError: jQuery is not defined
    at (index):278

You may need to reload an old version of jQuery using this plugin.

// https://wordpress.org/plugins/enable-jquery-migrate-helper/

After the installation, go to the plugin’s panel, and set the jQuery version to “legacy”.

Best regards,
Ismael

Hi,

There seems to be an issue with the core WP scripts when we edit a page using the ALB.

Uncaught SyntaxError: Invalid or unexpected token
load-scripts.php?c=0&load[chunk_0]=jquery-core,jquery-migrate,utils&ver=5.7.1:5 JQMIGRATE: Migrate is installed, version 3.3.2

To properly debug it, please set these constants in the wp-config.php file.

define("DEBUG", true);
define("WP_DEBUG_DISPLAY", true);
define("CONCATENATE_SCRIPTS", false);
define("COMPRESS_SCRIPTS", false);
define("COMPRESS_CSS", false);

The background image is being saved properly, but it does not show in the front end because the URL is incorrect. (see private field)

Do you have any idea why the URL is converted to that pattern? And what is the /tp1/ path?

Best regards,
Ismael