Forum Replies Created
-
AuthorPosts
-
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Well I enabled the cookie bar for you in Chrome and the bar shows when I test the site.
But if you can’t see the settings link in the screenshot above then perhaps something on your end is blocking it and perhaps you also won’t see the cookie bar?
It is strange because it works for me.Best regards,
MikeHi,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a { color: #000; opacity: 1 !important; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeMay 5, 2024 at 9:33 pm in reply to: Video fallback image causing enormous performance issues on mobile devices. #1442382Hi,
I see this also, when we are logged in I see a error Uncaught SyntaxError: Cannot use import statement outside a module coming from a _jb_static cache file. I’m not sure which cache plugin it is from.
I note that you have a lot of plugins to try to speed up your site like Jetpack Boost, Fast Velocity Minify, EWWW Image Optimizer, etc and I thought that I would see how your site would run without them, so I exported your site to my test site and I posted a login for you below. I have no active plugins and only the built-in cache and the pagespeed test is 97-89 for mobile, I also linked the tests below.
Perhaps you could create a staging site and try removing all of your plugins and see if you can get a similar score. Perhaps all of the plugins are not helping so much?Best regards,
MikeHey Jody,
Please link to your page so we can examine, I’m not able to reproduce your situation.Best regards,
MikeHi,
To fix the menu in landscape mode try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 989px) and (orientation: landscape) { #av-burger-menu-ul { padding: 0 !important; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeMay 5, 2024 at 6:57 pm in reply to: Fullwidth Easy Slider Responsive problem and Language switcher problem #1442369Hey sailentpooN,
Thank you for your patience and the link to your slider, I recommend using the LayerSlider for your situation, I created a test page linked below so you can see that it will work better and I linked the LayerSlider export file of my example if you want to try it on your site, just use the import project button in the LayerSlider:
Best regards,
MikeHey clbdcnpafe,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 481px) { #avia_sc_text_7 #attachment_34258, #avia_sc_text_7 p { max-width: 361px!important; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey peterolle,
In your css above you have a comma:
Try removing it and disable any caching plugin and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression, then enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and then ensure to clear your browser cache and check again.
If this doesn’t help then try removing all of your custom css, as you may have other commas or missing brackets, and check again. If this does help then add your custom css back a little at a time until you find the error, of try using CSS Lint
If this doesn’t help, then we will need to examine your site, if it is on a localhost then we will need to wait until it is live.Best regards,
MikeHi,
It works for me, I enabled the cookie bar with Firefox and then disabled it with Chrome. Did you try with this login link?Best regards,
MikeMay 5, 2024 at 4:59 pm in reply to: Fullwidth easy slider title, caption and button animation #1442359Hey AlyssaMandy,
To fade-in try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_transform .active-slide .avia-caption-title, .avia_transform .active-slide .avia-caption-content, .avia_transform .active-slide .avia-slideshow-button-2, .avia_transform .active-slide .avia-slideshow-button { -webkit-animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey peterolle,
single product pages contain the body class single-product so you could use.single-product #av_section_1 { border: red solid 2px; }
for the whole section
but if you only want the style the related products items, it contains the classes related products so you could use.single-product .related.products .product { border: red solid 2px; }
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Ok, I didn’t understand your original request to be full width, so try this:function av_woo_tabs_below_product_summary_full_width() { remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 ); add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 ); } add_action( 'init', 'av_woo_tabs_below_product_summary_full_width');
Best regards,
MikeHi,
Glad that this helped, I don’t think that it would conflict but I don’t know for sure and I can’t test, if you do try the plugin you can always keep this in mind as you test.
In my research and testing I found a working way to add a option “category” to the sort by filteradd_filter( 'avf_wc_product_order_dropdown_frontend', 'my_add_custom_sorting_options' ); function my_add_custom_sorting_options( $options ){ $options[ 'cat' ] = 'Category'; return $options; }
but this doesn’t work because there doesn’t seem to be a built-in query to orderby categories, or at least I couldn’t find one. I assume that the plugin creates a query to do this.
Otherwise perhaps this will put you on the right track and you or your team can write a query for this, I was not able to.Best regards,
MikeHi,
For mobile width I see that your grid is two columns wide and the items in the right column have a right margin, so try adding this css for mobile devices, it will remove the margin and adjust the width of the items to fill the grid width like above.@media only screen and (max-width: 767px) { .responsive #top #main .container_wrap_first.shop_columns_3 .products .product:nth-child(even) { margin-right: 0; } .responsive #top #main .container_wrap_first.shop_columns_3 .products .product { width: 46%; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I also checked the tablet sizes when the columns first become three wide and it looks good there.In case you are checking the css on a iPhone, please note that iPhones can be hard to clear the cache, often you also need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
MikeHi,
Perhaps you have a plugin conflicting with the setting because the enable the cookie consent messages (cookie bar) option shows correctly for me in Chrome:
and in Firefox:
Try disabling all of your plugins and then reload the page. If that doesn’t help try creating a second admin account and then login with that account and check.Best regards,
MikeHey peterolle,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function av_woo_tabs_below_product_image() { if ( is_product() ) { remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1); add_action('avf_sidebar_position', 'woocommerce_output_product_data_tabs', 1); } } add_action( 'template_redirect', 'av_woo_tabs_below_product_image');
This moves the product tabs under product gallery and above product sidebar, the sidebar is not required, I’m just noting where it will be if used. This works for both WooCommerce 3.0 product gallery & Default enfold product gallery
Best regards,
MikeMay 4, 2024 at 4:02 pm in reply to: Video fallback image causing enormous performance issues on mobile devices. #1442293Hi,
When I look at the pagespeed results for your homepage the first issue on mobile is Largest Contentful Paint element for your profile image.
This image is a very large image and it looks like a plugin adds this to it ?fit=200%2C300&ssl=1 to make it show smaller on the screen, but it is still a large image when loaded. So I downloaded your image and manually resized to to 200×300 and replaced the image on your homepage.
This solved the error and your mobile scrore went from 72 to 83 after doing this. There are other images on your page that you could do this for.
But I’m not sure what to do about some of these, for example the Reduce unused CSS is pointing at the cached css files from a plugin, and the Reduce unused JavaScript issue is pointing to your Google Tag Manager code, which I’m sure that you want to keep on your page.Best regards,
MikeHi,
As I understand your situation, when you have the enable the cookie consent messages (cookie bar) enabled the cantact form Google recaptcha is disabled and shows a message, this is the correct behavior, and then when the user accepts the cookie bar the Google recaptcha message doesn’t go away, to correct this go to the theme settings and when you enable the cookie consent messages (cookie bar), go to the bottom of the panel and enable the Show advanced options and enabled Auto Reload Page on Accept Settings
Now the page should reload when the cookie bar is accepted and the Google recaptcha will show.Best regards,
MikeHey Christy,
Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var width = $(window).width(); if (width > 767) { $('.avia-pricing-table-container').each(function(){ var $columns = $('li',this); var maxHeight = Math.max.apply(Math, $columns.map(function(){ return $(this).height(); }).get()); $columns.height(maxHeight); }); } })(jQuery); }); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
To remove the items that you listed above Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function my_woocommerce_catalog_orderby( $orderby ) { unset($orderby["menu_order"]); unset($orderby["rating"]); unset($orderby["rand"]); unset($orderby["id"]); return $orderby; } add_filter( "avf_wc_product_order_dropdown_frontend", "my_woocommerce_catalog_orderby", 20 );
the menu will then look like this:
but to add the category item you will need to use the WooCommerce Product Table plugin this is a paid plugin and I don’t know if it will work correctly with Enfold.
This is the article that says how to add categories to the options.Best regards,
MikeHi,
I don’t see your five columns on your page so I assume that you have folowed Guenni007’s advice, thanks Guenni007.
Shall we close this thread then?Best regards,
MikeHi,
It looks like you tried to modify the width of the items and the margin in between and the new width doesn’t fill the width of the grid, this css it will keep the space in between that you wanted and also fill the grid width:#main .container_wrap_first.shop_columns_3 .products .product { width: 30.59%; }
The grid needs to keep it’s float left so when you have a odd number the grid items they align left to right and align with the product sort.
If you really want to keep the current width and don’t mind rows with less than 3 items to also centered then you can try this css:#main .container_wrap_first.shop_columns_3 .products.columns-3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
Best regards,
MikeMay 4, 2024 at 12:54 am in reply to: erledigt – Frage zu #1439344 – anderes Logo bei Mobilversion #1442238Hi,
I logged into your site and found that your snippet to change the logo for mobile was disabled, so I enabled it and found that it works correctly. Please see the screenshot in the Private Content area of what I see, please check.
In your screenshot it looks like you were using a iPhone when you saw the “Enfold” logo on mobile.
Please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
So if you see the “Enfold” logo on mobile try to Clear the History on your iPhoneBest regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Ok, we we leave this open for now to hear back from you.
My demo site is also a shared hosting package, I had the header and footer from my demo disabled because it didn’t match your site but that should not have made a difference in the loading time.
Anyways, try to find out if your server has a cache, as I don’t see any reason for the theme to behave so differently on your server than my server, perhaps there is a “feature” that might cause this like a “object” cache.Best regards,
MikeHey djsmbd,
It looks like the data-av_icon in the shortcode is corrupt, please try to recreate the shortcode and add it to a new “Custom HTML” widget again.
currently it looks like you are using a “text widget” and the “visual tab” in it can corrupt HTML:
this is why the “Custom HTML” is better for HTML
Best regards,
Mike -
AuthorPosts