Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the kind words and glad we were able to help, 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,
Ok, looking at your /koh-haa-diving/ page for mobile I see the sidebar is very low with a large gap, so I adjusted the script to only work screens larger than 1440px.
Please clear your browser cache and check.
What is wrong with the desktop version?
Please note that if testing on a desktop and resizing the window to simulate different device sizes you will need to reload the page for the window size to be recognized at each size you test. This doesn’t affect actual devices just resized desktop browsers.For future reference this is the updated script:
function custom_script(){ ?> <script> (function($){ $(window).load(function(){ var width = $(window).width() var s1 = $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap > div ').height(); var s2 = $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap').height(); if (s1 > s2 && width >= 1440) { $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap').css('height', s1 + "px"); } else { } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
MikeHi,
Sorry for the late reply, and thanks for the test page, it looks like your grid is set to no gap in the element and then in your child theme css you are using this to add the right margin:.grid-entry .inner-entry { margin-right: 40px; }so try adjusting your css to this:
.grid-entry .inner-entry { margin-right: 40px; margin-bottom: 40px; }Then clear your browser cache and check.
Best regards,
MikeJuly 19, 2020 at 1:49 am in reply to: Possible bug; first entry in masonry posts displays 7px padding #1231500Hi,
Sorry for the late reply, thank you for the feedback I had been looking at the mobile version of your site. I compared your page to a masonry gallery on a new install and found that the first divav-masonry-item-no-imagehas no padding and all items line up correctly, so I found the cause for the padding in your css:.av-masonry-entry { padding: 30px !important; }I assume you added this to have a larger gap, please try replacing it with this css to add the padding to the items with images and not the first one with no image:
.av-masonry-entry.av-masonry-item-with-image { padding: 30px !important; }you can also remove your other css because the first item will not have padding to remove.
Then clear your browser cache and check.Best regards,
MikeJuly 19, 2020 at 12:24 am in reply to: LearnDash and Enfold – Problems with Quiz as Admin and as User freezes #1231492Hey tedfinch,
Thank you for the login, I completed 5 tests as the user but didn’t see any errors on the results page. I also tested without the script from the other thread, but the results would not show, as expected. I also tested as the admin with the script activated, but I saw no difference to the user results.
I tested with Chrome & Firefox on Windows with the dev tools console open to hopefully catch any backend errors, I was also hoping that I would experience your “crash” to see what the console’s error message is, but it didn’t happen.
While you were working with LearnDash did they offer any solutions for showing the results?
The script I wrote is only adding css$('.wpProQuiz_results').css({display: 'block'});to allow the div to show, so I don’t think that it is causing the crash but once we can recreate the error we will know more, but it sounds like the error is happening randomly.
Do you have any suggestions on how I can force the error, perhaps a longer test? If you link to a longer test please include the answer key.Best regards,
MikeHi,
Sorry for the late reply, I have adjusted the script to :function custom_hide_top_script(){ ?> <script> ( function( $ ) { 'use strict'; var $window = $( window ); var $header = $( '#header_meta' ); $window.scroll( function() { var windowTop = ($(window).scrollTop() <= 0); if ( windowTop ) { $header.addClass( 'top-show' ); $header.removeClass( 'top-hide' ); } else { $header.removeClass( 'top-show' ); $header.addClass( 'top-hide' ); } } ); } ( jQuery ) ); </script> <?php } add_action('wp_footer', 'custom_hide_top_script');and the css to:
@media only screen and (max-width: 1023px){ #header_meta.top-hide { min-height: 0; height: 0; visibility:hidden; opacity:0; transition:min-height 1s linear; } #header_meta.top-show { min-height: 61px; visibility:visible; opacity:1; transition:min-height 1s linear; } }Please clear your browser cache and check.
Best regards,
MikeHi,
To add a screenshot please try using https://savvyify.com/img/ and pasting the image URL in your post.
Please also try to create a test page using the two columns so we can examine the structure.Best regards,
MikeHi,
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: 885px) { #menu-login-loguit #menu-item-1358 > ul { left: -90px !important; } }Then clear your browser cache and check.
Best regards,
MikeJuly 17, 2020 at 1:41 pm in reply to: Mega Menu Empty Column Headers Showing as '-' on Custom Post Type Pages #1231274Hi,
Sorry for the late reply, I took a look at your page and for your “broken” menu an empty column header is being added which should not be there. If you could adjust your script’s logical to not add these would be best, otherwise to remove these try adding this script to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $( '#menu-item-27209' ).each(function() { $( this ).find( '.mega_menu_title' ).remove(); }); $( '#menu-item-6186' ).each(function() { $( this ).find( '.mega_menu_title' ).remove(); }); $( '#menu-item-27235' ).each(function() { $( this ).find( '.mega_menu_title' ).remove(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');I tried first to write this to use
.RegExp()ornodeType == 3;to remove these, but I was not successful. It maybe helpful to add a class to these to target these better if you can though your script, but I don’t think this would improve my script that much for these three errors.
So while this is a “simple” solution I believe that it is also the most reliable for this situation.
After applying the script, please clear your browser cache and check.Best regards,
MikeHi,
@tedfinch, I have assisted with a few LearnDash and Enfold issues, but with the different results that you are having as different users is not something I have seen yet. I will be happy to assist, but please copy your post to a new thread along with the Private Content area notes and post a link to it here so we can find it easier.
Since this is not your thread you will not see anything we write in the Private Content area. Thank you.
**I tested the admin login & ftp access and both work, thanks.Best regards,
MikeHi,
Very good, glad we were able to assist. 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,
MikeJuly 16, 2020 at 1:52 pm in reply to: Possible bug; first entry in masonry posts displays 7px padding #1230920Hi,
Thanks for the link, so as I understand you would like to remove the extra space in the orange section above and below the masonry images for mobile. 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: 767px) { #mobiel { top: -40px; } #planten > div > div { padding-bottom: 0px !important; } #planten .avia-builder-el-7 { margin: 0 !important; } #planten .hr-invisible.avia-builder-el-11 { display: none !important; } }Then clear your browser cache and check.
Best regards,
MikeHi,
Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .alternate_color .mobile_menu_toggle { color: #fff !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Sorry for the late reply, I took another look at your page, but it seems ok to me. Please see the screenshot in Private Content area. Please explain what is wrong and which browsers you have tested with.
If you could upload a screenshot with the error highlighted it would be helpful.Best regards,
MikeHi,
Sorry for the late reply, this script & css will hide the top bar on scroll down and show on scroll up for mobile.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_hide_top_script(){ ?> <script> ( function( $ ) { 'use strict'; var $window = $( window ); var lastScrollTop = 0; var $header = $( '#header_meta' ); var headerBottom = $header.position().top + $header.outerHeight( true ); $window.scroll( function() { var windowTop = $window.scrollTop(); // Add custom sticky class if ( windowTop >= headerBottom ) { $header.addClass( 'top-sticky' ); } else { $header.removeClass( 'top-sticky' ); $header.removeClass( 'top-show' ); } // Show/hide if ( $header.hasClass( 'top-sticky' ) ) { if ( windowTop <= headerBottom || windowTop < lastScrollTop ) { $header.addClass( 'top-show' ); } else { $header.removeClass( 'top-show' ); } } lastScrollTop = windowTop; } ); } ( jQuery ) ); </script> <?php } add_action('wp_footer', 'custom_hide_top_script');Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 1023px){ .top-sticky { display: none; } .top-sticky.top-show { display: block; } .responsive #top #wrap_all #header + #header_meta.top-sticky { top: 0 !important; } }Then clear your browser cache and check.
**Please note that if testing on a desktop with a mobile sized window you may need to reload the page for the window size to be recognized. This doesn’t affect actual mobile devices just resized desktop browsers.Best regards,
MikeHi,
With the new version, the notices should be addressed, with the old version disabling WP_DEBUG does only hide the notices, but this is the recommended solution from woocommerce. Please see above.
I checked your site and I see you are using v4.7.5, were you able to download and extract the “no password version” of the file I made for you above? If not would you like me to assist with testing it?Best regards,
MikeHi,
@digaluk, the dev team has asked me to help you try our latest beta to address this issue, but since this thread is not yours you do not see the link in the Private Content area, so I’m posting it to this thread instead of asking you to start a new thread, please check.Best regards,
MikeJuly 15, 2020 at 12:31 pm in reply to: horizontal gallery % gallery height , how to change manually #1230581Hi,
The dev team has asked me to help you try our latest beta to address this issue, this other thread was not yours so you would not see the link in the Private Content area, so I’m posting it to this thread instead of asking you to start a new thread.
So please download the file and use the password to extract the new “/enfold/” directory to your desktop. An easy and safe way to test the beta, or any update, is to use FTP or your webhost online “file manager”, and go to your WordPress Theme directory\wp-content\themes\and rename your Enfold directory from “/enfold/” to “/enfold-old/”, and then upload the new “/enfold/” directory from your desktop, once completed, please clear your browser cache and check your site.
If you wish to roll back to your current version, simply delete the “/enfold/” directory via ftp and rename your “/enfold-old/” directory back to “/enfold/”
Please don’t try to overwrite the theme folder with the new version, as this will leave old files behind and cause errors.
Please give this a try and see if it helps with the issue.Best regards,
MikeHi,
It sounds like you didn’t enter the password correctly or you’re using a Mac that is not recognizing the password? It works fine for me.
Try this no password version I made for you below.Best regards,
MikeHi,
Glad to hear this helped, as for the rouge text strings, I don’t see them to today and the theme editor seems to be working correctly. So whatever was the conflict it seems resolved now.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Thanks for the feedback, the dev team has suggested trying our 4.7.5.1-beta-1 and modify option in Performance -> Unique timestamp of merged files and WP object cache bug Selecting “Fix WP bug” should help.
The belief is that this is a known but unfixed WP bug with object cache enabled.To test this beta please replace your “enfold” directory via ftp with the new enfold directory in the beta, this means do not try to “overwrite” the directory, you must delete it first, otherwise, old files will remain and cause errors.
As an alternative, you can re-name your “enfold” directory to enfold-old and then upload the new “enfold”, then if you wish to roll-back to the old version you can delete your new enfold directory and re-name “enfold-old” to “enfold”.
I hope I explained this well.Best regards,
MikeJuly 14, 2020 at 12:50 pm in reply to: Easiest solution for a simple slider with buttons on #1230278Hi,
Thanks for the screenshots and login, to move your added button next to the slider buttons, on the home page, try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $( '#top.home #fullscreen_slider_1' ).each(function() { $( this ).find( '.avia-caption-content p a.avia-slideshow-button' ).css("margin-left","20px").insertAfter( $(this).find('a.avia-slideshow-button-2') ); $( this ).find( '.avia-caption-content p:last-child' ).remove(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Then clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the login, on your production site the menu item has a different number#menu-item-1358, so I adjusted, please clear your browser cache and check.Best regards,
MikeJuly 14, 2020 at 12:12 pm in reply to: Shoutbox – Disable 18 Additional Images from being generated #1230270Hi,
To target “RECEIVE INSTANT EMAIL NOTIFICATIONS” only, try this css:#blog_subscription-4 > h3.widgettitle { font-size: 16px; }To target all of the widget titles in the sidebar, try this css:
.sidebar1 .cufon_headings { font-size: 16px; }You can use any font adjustment in the rule, I used “font-size” as an example.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the feedback, and good catch, this looks fine. Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Sorry for the late reply, since the header is sticky for mobile we will need to add padding to the top of the page to show the slider.
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: 374px){ .responsive #top #main { padding-top: 45% !important; } } @media only screen and (max-width: 430px) and (min-width: 375px){ .responsive #top #main { padding-top: 34% !important; } } @media only screen and (max-width: 767px) and (min-width: 431px){ .responsive #top #main { padding-top: 22% !important; } } @media only screen and (max-width: 989px) and (min-width: 768px) { .responsive.html_mobile_menu_tablet.html_header_top #top #main { padding-top: 16% !important; } }Please note that there is not one percentage we can use to make a fluid transition across all possible screen sizes, such as if you test by resizing your browser window, but if you test actual device sizes such as 320px, 425px & 768px with the developer tools you should find that this works well.
Best regards,
MikeHi,
Perhaps it will take a little time, we will keep this open.
Yes, I do recommend the Advanced Layout Builder, if the test tool loaded all of the resources as the tool linked below does, then the page should pass the test.Best regards,
MikeHi,
Thanks, the ftp worked, the wp login didn’t, but I still added the script above for the quiz and tested the test quiz and it seems to be working.
Please clear your browser cache and check.Best regards,
MikeHi,
I linked to your robots.txt below for you to see, right now it reads:User-agent: * Disallow: /wp-admin/ Allow: /wp-admin/admin-ajax.phpSo after adding the new lines it should look like this:
User-agent: * Disallow: /wp-admin/ Allow: /wp-admin/admin-ajax.php User-agent: Googlebot Allow: .js Allow: .css Allow: /wp-content/uploads/dynamic_avia/*.js Allow: /wp-content/uploads/dynamic_avia/*.cssHere is an article about robots.txt
You should place it in your domain root, typically this is the directory WordPress is installed in.
After you add this try requesting that Google crawl it.Best regards,
Mike -
AuthorPosts
