Hi,
Please see this tutorial on using the Team Member element to show a popup when the image is clicked to show more information.
It sounds exactly like what you are trying to do and explains step-by-step how to do it.
Try testing it on a test page on your site and if you get stumped include a link to the page and an admin login so we can assist.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Unfortunately, this is not an option, perhaps woocommerce offers this as an addon plugin.
Or try the solution in this thread, or perhaps this article, or this one.

Best regards,
Mike

Hi,
I added the custom class onethirdcircle to the three circles in all three languages and then adjusted the script to look for this class.
I then added this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field for all three languages to center the text on mobile and cleared your cache for each language:

@media only screen and (max-width: 767px) {
	.responsive #top .sc-av_one_third .flex_column_table_cell.onethirdcircle {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
}

Then to reduce the size of the circles and center them horizontally for mobile I added this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field for all three languages to center the text on mobile and cleared your cache for each language:

@media only screen and (max-width: 767px) {
	.responsive #top .sc-av_one_third .flex_column_table_cell.onethirdcircle {
		max-width: 300px;
		margin: auto !important;
}
}

In my tests this is the smallest that you can use in all three languages and still have it look good based on the words, is some languages the words are too long without a break so it doesn’t fit in the circle well. Perhaps if you made the font smaller you could have a smaller circle but then would the text easily be readable?
You can test further if you like, please clear your mobile browser cache and check.
Please see the screenshot in the Private Content area of the mobile results.

Best regards,
Mike

Hi,
Glad to hear this helped, the image for “What’s the catch” is smaller than all of the others, please try correcting the image size by uploading a new correct image, it would be better than adding another script to adjust all of the images when only one is different.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the login, I see that you added the PHP function to the plugin Simple Custom CSS and JS as a CSS code snippet:

That is why it didn’t work, the Simple Custom CSS and JS plugin doesn’t allow PHP snippets, so I moved the snippet to the WPcode plugin that I see you had installed.
I then added tiktok to your social profiles, but you will need to adjust the URL to yours.
Now the icon is showing, please clear your browser cache and check.

It is also available as a icon in your elements:

Best regards,
Mike

Hi,
Thanks for the screenshot, from it we found your domain and when we check we see that you are using v4.0.7
Please update to v5.4
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hey yundian,
Thanks for your question, this seems to be added by your plugin All in One SEO Pack

Please disable this plugin and check again.
I’m not sure which setting in the plugin controls this so try checking all of the settings until you find it.

Best regards,
Mike

Hey sarthakchoudhary,
Please link to your page so we can assist.

Best regards,
Mike

Hi,
Try this css:

.av-main-nav ul.sub-menu {
    top: 65%;
}

65% will put the sub-menu item right under the main menu item, adjust to suit.

Best regards,
Mike

Hi,
Thanks for the feedback, for some reason your post on the 17th didn’t show on my feed so I’m glad that you added another post.
Thanks for the explanation, so originally you had created products with the Advanced Layout Builder and now you are going to import 2k more products in bulk which will make them default Woocommerce single product page layout.
So the short answer is no, you can not create a layout with the ALB and have it as the default Woocommerce single product page layout.
Above you asked how to add 5 column related products to your product pages, this should add the related products in the place that you want them, did you try it?
I couldn’t test because your sandbox site doesn’t allow the child theme functions.php to be edited.
Try the function to add the new related products and then add the css to hide the old one in the alternate content area.

Best regards,
Mike

Hi,
If you followed the steps above carefully and copied the code from the forum and not an email notification, and still can’t achieve this then please include an admin login in the Private Content area below so we can assist.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
There probably is a way to do it I just don’t think that you can do it that way, but I think that this is over my head.
Unfortunately, I couldn’t get your code to work on my site so I couldn’t tinker with it, I’m glad it works on your site.
I’d like to see this work, but we are probably going to need more advanced help, I would recommend posting it on Upwork.com

Best regards,
Mike