Forum Replies Created
-
Posts
-
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,
MikeHi,
Glad to hear that this workaround will suit your needs for now so that you can move forward on your project, I understand that it may be annoying, but unfortunately, we were not able to reproduce this so it is hard to say what is causing this.
We are expecting a theme update around the end of January, perhaps this will help solve or point to the error. We will leave this open for your feedback after the update.Best regards,
MikeHi,
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,
MikeHi,
I checked your sandbox site again but the mega menu is not enabled so we can examine. I was expecting to see this: https://snipboard.io/3Ho8Os.jpg
so we can change the color of the “woodworking” & “metalworking” headings, correct?Best regards,
MikeHi,
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,
MikeHi,
Thank you for the feedback and for the test page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#leistungen .av-overlay-hover-deactivate.bild-buttons .avia-image-overlay-wrap:hover .av-image-caption-overlay-center { background: unset !important; opacity: 1 !important; } #leistungen .av-overlay-hover-deactivate.bild-buttons .avia-image-overlay-wrap:hover:after { position: absolute; content:""; height:100%; width:100%; top:0; left:0; background: linear-gradient(to bottom, rgba(114, 181, 46, 0.65) 0%,rgba(114, 181, 46, 0.65) 100%); }After applying the css, please clear your browser cache and check.
If this doesn’t help please remove your current custom css for this element so I can try something different.Best regards,
MikeHi,
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.phpplease 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,
MikeHi,
Glad to hear this helped and you are happy, your css is sound, but you could use(orientation: landscape)or(orientation: portrait)like this:@media only screen and (max-width: 767px) and (orientation: landscape) { .responsive #top #wrap_all #projekte .grid-entry.flex_column { width: 103% !important; } }this would allow you to be more specific.
Best regards,
MikeHi,
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,
MikeHi,
Please try setting the color at: Enfold Theme Options > Advanced Styling > Main Menu Links, while it is not specific to the Mega Menu, it may help. If not then please set the menu on your live or sandbox site to match your Mega Menu screenshot so we can examine it.Best regards,
MikeHey 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,
MikeHi,
Sorry for the very late reply and thanks for the links. The first step is to download the font from Google Fonts and upload to your Enfold Theme Options > Import/Export > Custom Font Manager option.
Then go to Enfold Theme Options > Advanced Styling and choose Slideshow titles and choose your font:
Then clear your browser cache and check, the font should be applied:
Best regards,
MikeHi,
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,
MikeHey Stefan,
Sorry for the late reply and thanks for showing your script, I tested this on my localhost and got the error:
Uncaught SyntaxError: Invalid or unexpected tokenbut I couldn’t identify the unexpected token.
I’m not following what your script is trying to do, can you explain further?Best regards,
MikeHi,
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 useob_start();&ob_get_clean()in your plugin, this seems to be a good article about using Output Buffering in WordPressBest regards,
MikeHi,
Thanks for the link, here is the link to the official WP page. It is an interesting plugin, but this function is best applied as a plugin than a feature of the theme, similar to drip content or membership content.Best regards,
MikeHi,
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,
MikeHi,
Thanks for your feedback, I’m not 100% sure, so I took another look and I found that for the non-working page you have two pages with the same “slug”, this should not be possible, and they both have the same timestamp, please see the screenshot in the Private Content area.
To see this go to your “pages” then in the admin toolbar click “all languages”, now 66 pages should be shown, you will notice that one page has no [KO] translation and the other one has [EN] in the [KO] translation.
I would try to remove the page with no [KO] translation and manually edit the [KO] translation page of the other, this should solve the issue with this page.
Since no two posts or pages can have the same slug in the same hierarchical tree (parent-child combination), I’m not sure if changing the one page to “draft” will be enough, but please try, you may have to “Trash” and also empty your trashed pages to remove it.
Since your other page was only created once and has both translations correctly, I suppose this was a one-off error?
Do you have the option to create a “staging site” clone of this site in your webhost panel? If you do, I would recommend doing this and test the changes above. If not, that is ok.Best regards,
MikeHi,
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,
MikeHi,
Sorry I’m not sure what you mean by you didn’t succeed, did you see the test page I created for you?
I created another test page for you with a different approach, please see link below, please clear your browser cache and check both test pages to see if either of these work for you.Best regards,
MikeHi,
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,
MikeHi,
Glad to hear this helped, the reason your featured images were smaller was due to the JetPack
plugin:
when this setting is set the images are stored on WP servers and height and width is added to the image URL, which is not the correct size. I disabled this setting and now your featured images height is correct. I also had to clear your autoptimize & rocket plugins a few times, while you are trying to adjust your site you may find it easier to see your changes by disabling all of your caching, just a tip 🙂
Anyways, please clear your browser cache and check.Best regards,
MikeHi,
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:
fromHave 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,
MikeHi,
Glad to hear that this is working for you. 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,
MikeHi,
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,
MikeHi,
Thank you for the feedback, I took a look at how you have this set up and it seems identical to my localhost test, I tried disabling the function and the Alternate Menu for Mobile option and the desktop main menus are shown for the correct languages, but when the Alternate Menu for Mobile option is enabled the menus are not shown.
I also found that your server is still using PHP v5.6.4, this could be the cause, please update to PHP v7.4There might also be the option to adjust your desktop menus to display different items in the mobile menu, this could be a workaround if you are not able to update your PHP.
This method is about adding custom classes to your menu items and using CSS to hide or show based on language.Best regards,
MikeHi,
Thank you for the feedback and the link, the css you posted contains a page ID, so this css will only work on that page, and not the linked page. You could use this css:@media only screen and (max-width: 767px) { #av_section_2 .flex_column_table { margin-top: 0 !important; } }and it probably will work, but I recommend adding a custom ID to the element on each page that you want this to work on, because the ID #av_section_2 will occur on every Advanced Layout Builder built page, and if it should contain a flex_column_table after this css will fire.
If this was the only page you are having issues with then try this css with the correct page ID:@media only screen and (max-width: 767px) { #page-id-563 #av_section_2 .flex_column_table { margin-top: 0 !important; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Wir glauben, dass das nächste Update ungefähr Ende Januar sein wird, da ich für die Verwendung des “Envato Market Plugins” dieser Envato-Support-Thread, der erklärt, dass die Fehlermeldung” Das Envato Market WordPress-Plugin erfordert TLS-Version 1.2 oder höher “bedeutet, dass die im PHP Ihres Servers installierte TLS-Version 1.2 sein muss, um eine Verbindung herzustellen zu Envato.
Bitte überprüfen Sie, welche TLS-Version in PHP Ihres Servers installiert ist. Wenn Ihr Server eine alte PHP-Version wie 5.6 verwendet, besteht eine gute Chance, dass durch ein Update auf 7.4 auch die TLS-Version korrigiert wird. Überprüfen Sie dies daher.
Bitte beachten Sie auch, dass dies möglicherweise darauf zurückzuführen ist, dass die Verbindung zum “Envato Market-Plugin” blockiert ist, z. B. eine Firewall. Wenn Sie also Sicherheits-Plugins haben, deaktivieren Sie diese.Sie benötigen jedoch nicht unbedingt das Envato Market-Plugin, um Enfold zu aktualisieren. Ich persönlich bevorzuge die manuelle Aktualisierung über FTP, da ich eine neue Version testen und bei Problemen problemlos auf die alte Version zurücksetzen kann, wenn ich Probleme bemerke. Der einfachste und sicherste Weg, dies zu tun, besteht darin, die neueste Version aus Theme Forest herunterzuladen und Ihren aktuellen Themenordner über FTP in “enfold-old” umzubenennen. Laden Sie dann den neuen Ordner “enfold” hoch und überprüfen Sie, ob Ihre Site ordnungsgemäß funktioniert.
Wenn Sie aus irgendeinem Grund ein Rollback auf die alte Version durchführen möchten, ist dies ganz einfach. Benennen Sie den neuen Ordner “enfold” einfach über FTP in “enfold-new” um und benennen Sie “enfold-old” in “enfold” um und aktualisieren Sie ihn dann deine Seite.
Sobald Sie zufrieden sind, können Sie den Ordner “enfold-old” über FTP löschen (nicht die WP-Themenseite).
Bitte versuchen Sie nicht, den Themenordner zu überschreiben, da dies alte Dateien zurücklässt und Fehler verursacht. Beachten Sie auch, dass der Verzeichnisname in der Erläuterung der Standardname [umhüllen] ist, wenn Sie den Standardnamen des Themas “Entfalten” geändert haben Verwenden Sie aus Sicherheitsgründen den von Ihnen zugewiesenen Namen. Dies wäre nicht üblich, so dass es höchstwahrscheinlich nicht der Fall ist, aber ich dachte, es sollte darauf hingewiesen werden.— Translated with Google —
We believe the next update will be about the end of January, as for using the “Envato Market plugin” I found this Envato support thread that explains that the error message “The Envato Market WordPress plugin requires TLS version 1.2 or above” means that the TLS version installed in your server’s PHP must be 1.2 in order to connect to Envato.
Please check what version of TLS is installed in your server’s PHP, there is a good chance that if your server is using an old version of PHP, such as 5.6, updating to 7.4 will also correct the TLS version, so please check this.
Please also note that it could also be due to something blocking the “Envato Market plugin” connection, like a firewall, so if you have any security plugins try disabling them.But you do not “absolutely” need the Envato Market plugin to update Enfold, I personally prefer updating manually via FTP because I can test a new version and easily “roll-back” to the old version if I notice any issues. The easiest and safest way to do this is to download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors, also note that the directory name in the explanation are the default name [enfold], if you have changed the default name of the Enfold theme for security reasons then use the name you assigned. This would not be common so it’s most likely not the case, but I thought it should be pointed out.Best regards,
MikeHi,
Thank you for the feedback and glad to hear that you were able to sort this out.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
@baucks thanks for the link to the script you are using, I tried testing this on my localhost and believe this adjustment will help.
Please try changing this line:else if (direction === 1)to:
else if (direction === 1 && curScroll < 600)this is meant to only allow the header to show when scrolling up within 600px of the top of the page.
After applying the change, please clear your browser cache and check.Best regards,
Mike
