Forum Replies Created
-
Posts
-
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,
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,
MikeHi,
Sorry for the late reply and thanks for explaining further. I found this function for changing the Alternate Menu for Mobile as explained in this thread.
I tried testing this on my localhost with Polylang and changed it to show a menu based on the language, in this example I set one menu to show for English and another menu to show for any other language. In $header[‘alternate_menu’] there is the ID of your selected menu. Replace the value with your translated menu ID according to your language.
To find the ID of your other menus look at the bottom of any menu move your cursor over the “Delete” link and in the popup for the link you find something like http://localhost/wp_xxx/wp-admin/nav-menus.php?action=delete&menu=25&_wpnonce=xxx
menu=25: 25 is the id of the menu.
Try adding this code to the end of your functions.php file in Appearance > Editor:function my_header_setting_filter( $header, $context ) { if (get_locale() == 'en_US') { $header['alternate_menu'] = 11; } else { $header['alternate_menu'] = 56; } return $header; } add_filter( 'avf_header_setting_filter', 'my_header_setting_filter', 10, 2 );So in the above code you will want to adjust the language, ‘en_US’ and the two IDs
Best regards,
MikeHi,
Thank you for the feedback, #1: yes in the theme options: Enfold Theme Options > Performance > JS & CSS file merging and compression & Enfold Theme Options > Performance > Load jQuery in your footer.
For #2 for desktop, & for your second post: mobile homepage and blog post cover photos
I removed the css:#top.single .container { padding: 0 !important; width: 100% !important; max-width: 100% !important; } #top.single .content { padding-top: 0 !important; } .responsive .single .container { max-width: 875px !important; }I also found an extra bracket in your Quick CSS that could have thrown things off, I’m not sure that it did.
I then cleared your 3 caches: Autoptimize, Asset CleanUp Pro, & WP Rocket, and this seems to correct by allowing the theme settings to set the widths. Please try clearing the “caches” and your browser cache and check.
I feel that using the classes .container & .content is too general as they typically occur several times on a page, thus your last two screenshots. We can make this more specific, but I don’t see the need for it, please check.Best regards,
MikeHi,
Thank you and happy new year to you also 🙂
I note that the WPML > Translation Management option says: “Before you can use WPML’s Translation Management, you need to complete this quick setup.” please see the first screenshot.
When you are viewing the frontend of the post, in the admin toolbar there is an “Edit Translation” option, is this the page you mean? I don’t see any shortcodes there. Please see the second screenshot.
Now when I compare this page of the working translation page, to the non-working translation, the non-working translation has mostly English text in the Korean translation. Please see the third screenshot.
Please try correcting the non-working translations. That is, I believe the translations are working correctly, but the translations of this page are in English, incorrectly, and changing the incorrect text to Korean will then display the language correctly.Best regards,
MikeHi,
@Guenni007 thank you for your help, as always, with these threads, and Happy New Year🙂, I don’t believe there was a “bug”, on the other thread I noted thesiteground-optimizer-combined-jserror and recommend disabling it. A day later I cleared the theme merging and everything seemed fine, so I assumed that thesiteground-optimizer-combined-jscontained an error.Best regards,
MikeHi,
Thank you, I also wish you a happy and healthy 2021🙂
As I investigated further I noted that in WPML > Language URL format > A different domain per language it says: This option is not yet available for Multisite installs
so I understand that you are trying to work around this with the function above, but since it is not working on all pages I wonder if WPML is working against us by setting the URL after Enfold, or some other conflict.
At the current setting WPML > Language URL format > Different languages in directories you can see that the “expected” URL is the undesiered /iq/zh-hans/
I found that this option in WPML can be turned on, so perhaps using this instead will work correctly.
I found the link to the WPML function from this WPML support thread, I’m linking to it because it has further tips than the official page that might help you.Best regards,
MikeHi,
Thank you for the login, I checked your Quick CSS and found that you had two errors with media queries missing brackets, I corrected these and now the lower half the css in the Quick CSS will work correctly.
I changed the “max-width” css to this:@media only screen and (min-width: 1250px) { #top #main > .container_wrap.fullsize > .container { max-width: 1250px !important; } }This seems to be working correctly. I also noticed that you disabled the jQuery Migrate & enabled Load jQuery in your footer, I recommend disabling these two settings if you notice any issues, at least as a test.
Correcting the Quick CSS seems to have fixed your “text-sep-date” & H1 font size issue.
Please clear your browser cache and check.Best regards,
MikeHi,
Glad Ismael could help, since you placed this function in your child theme functions.php it will be safe and not overwritten, this is the correct place for it.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Thanks for the feedback, I see for mobile the social icons and the search icon are not displaying, are you still using your custom functions above? Please try removing this and update the Enfold theme, as you are using version 4.6.2 which is quite old now and contained many errors that have now been corrected in the current version 4.7.6.4Best regards,
MikeHi,
Happy new years to you too 🙂
I checked your site and the font error seems to be solved.Best regards,
MikeHi,
Glad to hear this helped, as you were able to see the correction without doing the “merge & compress” and “delete old CSS and JS” part, you should be fine now, but should some changes in the future not take hold you can then try this step.
I recommend not using any caching or minifying until your site is done, only because making frequent changes can be masked with the cache.Best regards,
Mike
