Forum Replies Created
-
AuthorPosts
-
May 7, 2024 at 12:00 pm in reply to: Video fallback image causing enormous performance issues on mobile devices. #1442546
Hi,
I saw the error in the browser console, I checked today and the slider shows while logged in with no error, so I guess that is all set now.
My test site is on my server, I thought it might be a good comparison.Best regards,
MikeHi,
Thank you for sharing, perhaps this will help someone in the future.
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,
MikeHey josefineeiby,
Please look in the custom.css file in the theme:/wp-content/themes/enfold/css/custom.css
and find this rule:#footer .container { background: url(/wp-content/uploads/2017/09/logo.png) top right 50px no-repeat; background-size: 20%; }It adds the logo in your footer.
Best regards,
MikeHey Frank,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the code that you found in the other threads and save.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,
MikeHey m1sturny,
Please try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and disable and caching plugins like JetPack and clear your browser cache and check again.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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.main_color .avia-logo-element-container.avia-content-slider .slide-image { background: transparent; }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,
MikeHi,
Ok, thanks for the update, we will go ahead and close this thread and at a later date if you choose to look into this again please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best 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,
Try removing the .page-id-1266 from the css so it will work on many pages.Best regards,
MikeMay 6, 2024 at 11:12 am in reply to: erledigt – Frage zu #1439344 – anderes Logo bei Mobilversion #1442430Hi,
Glad Guenni007 could help, thank you Guenni007, 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,
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,
Mike -
AuthorPosts




