Hi,
Glad to hear that you found a solution for this. Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thank you for the feedback, I’m glad you have this sandbox site set up and I don’t need to login, I only need to see your mega menu in action, but currently on your sandbox the mega menu is not active:

could you activate the mega menu on your sandbox so it is somewhat similar to your screenshot:

I just need to examine (see) why the “woodworking” & “metalworking” headings are still black and write some css to override it 🙂

Best regards,
Mike

Hey Mohamad,
Sorry for the late reply, I have not seen any similar plugins. I tested the Plugin Groups plugin and while you still need to go to the plugin page, you can then click on a “filter” link to select your “group”, this is handy because you can then use the “bulk actions” to adjust the plugins shown.

When you say it’s not working, do you mean it’s totally not working, or just not the way you were hoping?
If it’s totally not working try disabling your other plugins and cache to see if there is a conflict from another plugin.

Best regards,
Mike

Hi,
Glad to hear that you have sorted this out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad to hear the previous solution helped, what do you want to do to the product title?
This example will change the color to red:

#top.single-product #main h1.product_title.entry-title {
	color: red !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The dev team has released a patch for your issue, in the Private Content area you will find a link to the patch that belongs at /enfold/config-templatebuilder/avia-shortcodes/av-helper-masonry.php please keep a copy of your current file for fallback, after replacing the file please ensure to clear your cache, server & browser, and check.

Best regards,
Mike

Hi,
Are you sure this script is complete? It seems like “requestFrame” should be declared?
A script in the code block element should work correctly when it is within “script” tags as you have above, we often use this method. While you will see the “character” warning, the tags do work correctly in the element. For example you can try this script in a code block element and an alert will show on page load:

<script type="text/javascript">
document.onreadystatechange = function(){
    if(document.readyState=='loaded' || document.readyState=='complete')
        alert('Page Loaded');
}
</script>

I’m not sure why your script is not working, but I suspect that it is the script and not the element, since it is not working in your functions.php either, but I’m not sure as I use jQuery more than Javascript.
You may need to enlist the help of a freelancer to debug your script as this is outside the scope of our support.
I would also ensure that you are not using any caching, minifying, or compression with plugins and theme options, sometimes a plugin will minify minified files, and it is this second minification that breaks some scripts.

Best regards,
Mike

Hey spidercreations,
Sorry for the very late reply, this should be achievable with the css “overflow” property, this seems to be a good article with a couple of methods, and another article.
Adding the small arrows should also be achievable with the css and “:before” or “:after” and “content:” here is an example.
Please give this a try, do you have a test page with this element set up the way you would want to use it?
Another option that has been reported to work is to use the WPtouch plugin, although I have not tested this.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the screenshot and link. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 766px) { 
#sub_menu1 > div > a > span.av-current-placeholder:before {
	 content: "Shop" !important;
	 font-size: 14px;
	 position: absolute !important;
}
#sub_menu1 > div > a > span.av-current-placeholder {
	 font-size: 0 !important;
	 margin-left: 10px !important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the link, I see an error in the browser console:

Uncaught (in promise) TypeError: stations.data.forEach is not a function
    at map.js:94

Please ensure that you are not loading the jQuery in the footer at: Enfold Theme Options > Performance > Load jQuery in your footer
Once the not a function error is solved, and if the shortcode still doesn’t work you may need to use ob_start(); & ob_get_clean() in your plugin, this seems to be a good article about using Output Buffering in WordPress

Best regards,
Mike

Hi,
Welcome back and thanks for the link, please try this css:

@media only screen and (max-width: 767px) { 
	.responsive #top #wrap_all #projekte .grid-entry.flex_column {
		width: 104% !important;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Very good, I believe that the WPML > Language URL format > A different domain per language might still be helpful even though you only need one external link, because you could set the other “external” link to your current URL, but it is basically doing the same redirect that you achieved otherwise, so going through all the steps to enable the option for your Multisite may not worth it.
If you are still interested, I was working on another “language” function today and I noted that the function used this to check the language:
if (get_locale() == 'zh-CN') {
instead of
if( $lang_code == 'zh-hans' ) {
Perhaps this would be worth a try.

Best regards,
Mike

Hi,
Thank you for the feedback video, and I’m glad that you are able to test PHP 7.4.12, so as that didn’t work I can’t think of what else might be causing the blank mobile menu, since this is working on my localhost.
At this point the next step would be to disable everything, plugins, scripts, etc, and see if the mobile menu still shows blank, and then start enabling the plugins and script one at a time until the error is found, you could try this on your localhost.
I did some testing on my localhost and I found a way to replace the main menus based on language with this function:

function replace_wp_nav_menu( $args ){
	if (get_locale() == 'en_US') {
		$args['menu'] =  34;
	}
	else {
		$args['menu'] =  56;
	}
	return $args;
}
add_filter( 'wp_nav_menu_args', 'replace_wp_nav_menu', 10, 2 );

I was pretty excited when I got this to work, but I was not able to add a reliable screen size check to it so I was not able to target the mobile menu directly with this.

Anyways, I also tried the css solution and it works good, this is what I did, I noticed that the only difference between your English desktop menu and the mobile menu was two custom menu items, Facebook & Instagram, I added these two to your desktop menu with the custom class “mobileonly”:

then I added this css to your Quick CSS:

@media only screen and (min-width: 990px) { 
	.mobileonly {
		display: none !important;
	}
}

So now the two extra menu items show only on the English mobile menu, please check, if you like this then try to add the two items to your other desktop menu.
So with this setup you are only using the two desktop menus, one for each language, and the Alternate Menu for Mobile is disabled so they also show on mobile, with the extra items.

Best regards,
Mike

Hi,
Thanks for your feedback, the core issue here is that the “title” fields do not allow HTML entities, as you can see from the warning in the element:

If you follow the link in the warning it leads to this documentation that explains a plugin the dev team developed to address this.
I installed the plugin for you and adjusted the title code to add a span class to the words you want to highlight, like this:
from

Have A <span class=red>Shared Business Language For My Data Assets<span> And Maintain It.

to

Have A ###lt###span class=red###gt###Shared Business Language For My Data Assets###lt###span###gt### And Maintain It.

I recommend using a span class instead of inline css, so instead of:

<span style="background-color: #ffc000" "color: #FFFF03">

use:

<span class="red">

and then use this css:

#test_icon_grid h4.icongrid_title span.red {
	background-color: #ffc000 !important;
	color: #ffff03 !important; 
}
#test_icon_grid h4.icongrid_title span {
	background-color: #fff !important;
	color: #000 !important; 
}

and the rough result is:

I applied this to the bottom test element on your test page, the css is in the code block element on the same page for you to review.
Please clear your browser cache and check the test page.

Best regards,
Mike

Hi,
Sorry, I can not provide an ETA, it is strange that the URLs are being trimmed at 61 characters, as you had also posted a workaround in your second post, which was using a shorter link that was not good for SEO, I didn’t look for another workaround for you to use, but I have found that the masonry element works correctly with portfolio items set with external links, but note that in the portfolio items you will need to add the link to the “Overwrite Portfolio Link setting” field, but the good news is that it is the same element and layout that you are currently using, unfortunately, you would need to convert your posts to portfolio items.
If you do convert your posts into portfolio items you could also use the portfolio grid with external links, which gives you more styling options.
I also see that the blog grid works correctly for link type posts, but it’s not the same layout as the masonry element.
Perhaps one of these options will help?

Best regards,
Mike