Forum Replies Created
-
AuthorPosts
-
Hey Rob,
Thank you for the inquiry.
For the mega menu, you have to modify the /enfold/js/avia-snippet-megamenu.js file, around line 175, look for this code..
//bind event for mega menu megaItems.each(function(i){ $(this).on('mouseenter', function() { delayCheck[i] = true; setTimeout(function(){megaDivShow(i); },options.delay); }).on('mouseleave', function() { delayCheck[i] = false; setTimeout(function(){megaDivHide(i); },options.delay); } );Replace it with:
//bind event for mega menu megaItems.each(function(i){ $(this).find("a").on('focus', function() { delayCheck[i] = true; setTimeout(function(){megaDivShow(i); },options.delay); }).on('blur', function() { delayCheck[i] = false; setTimeout(function(){megaDivHide(i); },options.delay); } ); $(this).on('mouseenter', function() { delayCheck[i] = true; setTimeout(function(){megaDivShow(i); },options.delay); }).on('mouseleave', function() { delayCheck[i] = false; setTimeout(function(){megaDivHide(i); },options.delay); } ); });Please toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modificaiton.
Best regards,
IsmaelHi,
Alright! Glad we could be of help. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Glad to know that it is working correctly now. To create a shop page, you will need a plugin such as Woocommerce. The plugin has a setup wizard, so you should be able to start a shop page in no time. Please check their documentation for additional info.
// https://docs.woocommerce.com/document/woocommerce-setup-wizard/
Best regards,
IsmaelHi,
Thank you for the update.
We successfully translated a page from Italian to English using the WPML Translation Management panel as described in the documentation and the short video tutorial included in it. Please check the links in the private field. We also disabled the Performance > File Compression settings temporarily.
Best regards,
IsmaelOctober 1, 2021 at 1:56 pm in reply to: Tabs not displaying correctly and video elements not working #1323154Hey Cordell,
Thank you for the inquiry.
1-2.) The content of the first tab is at the very bottom of the container. You may need to set the tab section’s Layout > Content height to the second option (Auto adjust to content). And make sure that the Styling > Alignment > Vertical Align settings of each tab is set to Top or Middle.
3.) All videos worked correctly when we checked the page. Is this fixed? You may have set the Privacy & Cookies > Cookie Handling > Default Cookie Behavior settings to the third or fourth option, which disallow or block external scripts including videos on page load.
4.) Did you enable the Enfold > Performance > File Compression settings? Please try toggle or temporarily disable it, and make sure to purge the cache.
If you have any additional questions at this time we kindly ask that you open them up in separate threads. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHey pontedellarco,
Thank you for the inquiry.
Where can we see the issue? Please post the URL of the category page where you need the boxed layout. You may need to adjust the css selector a bit.
.responsive #top.category-1, .responsive #top.category-1 #header, .responsive #top.category-1 .container { max-width: 100%!important; width: 100%!important; }Best regards,
IsmaelHi,
Thank you for the update.
It seems to work correctly when the tooltip link (GIF TEST) is in the same line. Please check the screenshot below.
Screenshot: https://postimg.cc/SXsCRMDz
We inserted a few letters before the link to completely push it in the second line.
Best regards,
IsmaelHi,
Sorry for the delay. Is there a staging or development version of the site where we can see the issue? Please post the WP and FTP details in the private field. And please include a direct link to the page where you are testing the modification so that we can see how it currently works.
Best regards,
IsmaelHi,
Alright. Please try to edit the enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php file, look for this code around line 1351..
$params['size'] = $params['preview_size'];.., and replace it with:
$params['size'] = "full";Let us know how it goes.
Best regards,
IsmaelHi,
Thank you for the update.
The icon font files (entypo-fontello) are included in the theme (see private field), so it should be in your server. For some reason, the woff or icon font files are not loading properly in the site.
Can we deactivate the plugins temporarily? The security plugin might be preventing the icon files from loading.
Best regards,
IsmaelHi,
Try to edit the snippet from the previous thread, look for this code.
$output .= $footertop;Replace it with:
$output .= do_shortcode($footertop);You may also have to include this filter in the functions.php file.
function avf_custom_exec_sc_only_mod( $exec_sc_only, $obj_sc, $atts, $content, $shortcodename, $fake ) { return true; } add_filter( 'avf_alb_exec_sc_only', 'avf_custom_exec_sc_only_mod', 10, 6 );Let us know if it helps.
Best regards,
IsmaelOctober 1, 2021 at 12:27 pm in reply to: After updated to 4.8.x: comments shortcode produces "comments are deactivated" #1323135Hi,
Sorry about that. There is a minor syntax error in the code. Please look for this line..
if(is_wocommerce() || is_checkout() || is_cart()) {.., and replace it with:
if(is_woocommerce() || is_checkout() || is_cart()) {Or just remove this part.
is_woocommerce() ||Best regards,
IsmaelHi,
Thank you for the update.
We cannot reproduce the same issue on our end, so it is probably cause by a plugin or a custom script. Did you copy the code directly from this forum?
For the image overlay or “rollover”, please try this code in the Quick CSS field.
.avia-image-container.av-hover-grow, .avia-image-container.av-hover-grow .avia-image-container-inner, .avia-image-container.av-hover-grow .avia-image-overlay-wrap a.avia_image { overflow: hidden; }Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
IsmaelHey CatchPR-Sa-Ra,
Thank you for the inquiry.
Looks like the gap or space below the slider only occurs on page load. It gets removed once we manually resize the browser. Adding this script in the functions.php might help.
function ava_enqueue_custom_script_resize() { if ( wp_script_is( 'avia-default', 'registered' ) ) { wp_add_inline_script( 'avia-default', "(function($){ var int = window.setInterval(function(){ $(window).trigger('av-content-el-height-changed'); }, 1500); $(window).on('load', function() { setTimeout( function() { clearInterval(int); }, 1000 ); }); })(jQuery);" ); } } add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);The script above should trigger a resize event every 1.5 seconds and stops once the page is fully loaded.
Best regards,
IsmaelOctober 1, 2021 at 8:39 am in reply to: Prevent Consent Manager from being indexed by Google #1323103Hey Jan,
Thank you for the info.
We will forward the issue to our channel and possibly include the changes in the next patch.
Best regards,
IsmaelSeptember 30, 2021 at 6:43 am in reply to: Google Analytics and Cookie Pop-up Bug (workaround) #1322937Hey Thomas,
Thank you for the inquiry.
Looks like an issue with the regex match. Please try to edit the helper-privacy.php file, look for this code around line 520 and 2097.
preg_match( "!UA-[0-9]+-[0-9]+!", $analytics, $match );Replace it with:
preg_match( "/(UA|G)-([0-9]+-[0-9]|[0-9A-Za-z])/", $analytics, $match );Let us know if it helps.
Best regards,
IsmaelSeptember 30, 2021 at 6:22 am in reply to: Getting a server error message when uploading video #1322936Hey Fiore,
Thank you for the inquiry.
Is it working correctly when using a different theme or when the plugins are deactivated? Please post the site URL in the private field so that we can check it. You should also try to increase the maximum file upload size limit. Here’s how.
// https://www.wpkube.com/how-to-increase-the-maximum-file-upload-size-in-wordpress-5-methods/
Best regards,
IsmaelHey erictuvel,
Thank you for the inquiry.
The menu item shrinks because of this css code.
#top #header #avia-menu > li:hover > a span.avia-menu-text { color: #e95e38 !important; border: 0 !important; }It disables the default border of the button. Try to remove the code, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.
Best regards,
IsmaelSeptember 30, 2021 at 4:35 am in reply to: Hotspot tooltip inconsistently displaying on iPhones #1322905Hi,
Thank you for the update.
Have you tried enabling the Advanced > Responsive Settings > Hotspot on mobile devices option? This should set the tooltip content to always display below the hotspot image, and so users will not have to tap or click the hotspot to see the tooltip content. It could also act as a support in case users are having difficulty accessing the hotspot tooltip.
You can also adjust the size of the hotspot if necessary.
@media only screen and (max-width: 990px) { .responsive .av-image-hotspot { height: 50px; width: 50px; line-height: 50px; font-size: 22px; } }Best regards,
IsmaelHi,
Thank you for the update.
It seems to be working correctly on our end. The tooltip gets the correct class names, both av-tt-pos-left/right and av-tt-pos-below. Please post the site URL in the private field so that we could check the issue.
Screenshot: https://imgur.com/KMwxw3F
Best regards,
IsmaelHey sitibus,
Thank you for the inquiry.
Where can we see the videos? Please post the site URL in the private field so that we can check the issue. Did you enable the privacy or cookie options? It is possible that the privacy option is blocking the video. You may need to allow it manually by toggling the privacy options from the privacy modal popup window.
Best regards,
IsmaelHey Yoolia,
Thank you for the inquiry.
They get lost in the translated versions of the web
Which specific option/s are getting lost on update, and on which elements? Please create a test page so that we can check the issue properly.
Did you follow the translation method described in the following documentation?
// https://wpml.org/documentation/theme-compatibility/enfold/
Best regards,
IsmaelHey Andreas,
Thank you for the inquiry.
We found and fixed a few invalid css code in the Quick CSS field. There were missing curly braces and some of the css properties were not declared properly. We also disabled the Enfold > Performance > File Compression settings temporarily. It should work properly now.
Best regards,
IsmaelHi,
so I can use a shortcode like this below in the widget area? just this single line instead of the entire page code like I am currently?
Yes, that is the idea. Make sure that the page is not private. The page above seems to be inaccessible publicly.
Best regards,
IsmaelSeptember 30, 2021 at 3:37 am in reply to: Random background image (possibly from a list) in color section #1322894Hi,
Did you edit the color section and use “randomized” in the Advanced > Developer Settings > Custom ID Attribute field? You should also place the image file names in this line.
var images = ['o2-7.jpg', 'o2-1.jpg', 'o2-2.jpg', 'o2-3.jpg', 'o2-4.jpg', 'o2-5.jpg', 'o2-6.jpg'];Best regards,
IsmaelSeptember 30, 2021 at 3:31 am in reply to: Mix-Blend-Mode an image over the top of a colour section. #1322893Hi,
You might be ba able to do it with the Grid Row element and its cells as shown in the screenshot below.
Screenshot: https://imgur.com/f6DJLXw
The background of the main grid row container is red and the first cell is blue, with mix-blend set to hue. This works because the cells or the flex_cells are direct child of the grid row container.
Best regards,
IsmaelHi,
You can actually override the loop-index.php file in your child theme. Just create a copy of the includes folder in the child theme directory, then place a copy of the loop-index.php file inside the folder. You can now do the same modifications that we suggested above.
// https://developer.wordpress.org/themes/advanced-topics/child-themes/#adding-template-files
Best regards,
IsmaelHi,
It is actually working properly on our end (screenshots above), but for some reason it’s not working on your installation. It is also a minor modification, which relocates the position of the stylesheet or link element in the head tag. Please post the FTP details in the private field so that we can access the file server and test the modification.
Best regards,
IsmaelSeptember 30, 2021 at 2:08 am in reply to: After updated to 4.8.x: comments shortcode produces "comments are deactivated" #1322889Hi,
Try to add conditional functions inside the filter to toggle the comments on certain pages.
add_filter("comments_open", function($open) { if(is_wocommerce() || is_checkout() || is_cart()) { $open = false; } return $open; }, 9999, 1);This will disable the comments on Woocommerce pages including the shop, cart and checkout page.
Best regards,
IsmaelHi,
Thank you for the update.
You have to replace the following line of code, which contains the h1 tag or element.
if($description) $output .= "<h1>".$description."</h1>";This part contains the product category description wrapped within an h1 element.
"<h1>".$description."</h1>";You can replace h1 with another element or completely remove it.
Best regards,
Ismael -
AuthorPosts
