Forum Replies Created
-
AuthorPosts
-
Hi,
On first load I see the cookie moral and the video is playing in the background, full size and no play button.
When I accept the cookies the page reloads and the video starts playing again full size with no play button.
I tried to update again and went to the app store to just update Safari, but it’s not an option for me.
Perhaps the Safari Version 18.4 has a setting that you need to check, are you on a wifi network? Try looking for that in the settings.
I know that when my Mac last updated the Safari ad-blocker was blocking FB and other sites by default and I had to manually change the options in Safari.Best regards,
MikeHey nm,
Thank you for your patience, to move cookie consent bar to top of the DOM so it is first in the tabindex, add the following code to the end of your child theme functions.php file in Appearance ▸ Editor.
The code also adds tabindex to the hidden checkboxes in the moral and hides the “toggle” switches, so the checkboxes can be tabbed to.
When tabbing in the moral you will first be able to tab though the tabs and use the enter key to select one, then keep tabbing to get inside the tab content and tab through the checkboxes. You can use the spacebar to enable/disable the checkboxes.function move_cookie_consent_bar_to_top_of_dom_so_it_is_first_in_tabindex() { ?> <script> document.addEventListener('DOMContentLoaded', function() { const messageBar = document.querySelector('.avia-cookie-consent-wrap'); const body = document.querySelector('body#top'); body.prepend(messageBar); }); document.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('#av-consent-extra-info input[type="checkbox"]').forEach(checkbox => { checkbox.setAttribute('tabindex', '0'); }); }); </script> <style> #top .av-toggle-switch input[type="checkbox"] { display: inline; } #top .av-toggle-switch .toggle-label-content { display: inline; } #top .av-toggle-switch label .toggle-track { display: none; } </style> <?php } add_action( 'wp_footer', 'move_cookie_consent_bar_to_top_of_dom_so_it_is_first_in_tabindex', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This may not seem intuitive, so perhaps you will want to try a cookie bar plugin like Borlabs, I don’t know how keyboard tabbing works with it but many Enfold users like it.
If you are happy with just tabbing to accept or reject cookies with just a few tab keys then the above script will work fine, I see that your consent moral only has two checkboxes.Best regards,
MikeHey dondela,
When I check with Safari v17.6 on Mac Monterey v12.7.6 the video autoplay works for me in desktop and in Responsive Design Mode emulating mobile.
Unfortunately, my Mac won’t update to Sequoia, but from what I can tell Safari v17.6 is the latest version for all Macs.
Are you seeing the cookie message and clicking it?Best regards,
MikeHey schweg33,
These are hidden on mobile devices, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 325px) { .responsive #top .avia-post-nav { display: block; top: 20%; } } @media only screen and (min-width: 325px) and (max-width: 380px) { .responsive #top .avia-post-nav { display: block; top: 23%; } } @media only screen and (min-width: 381px) and (max-width: 450px) { .responsive #top .avia-post-nav { display: block; top: 25%; } } @media only screen and (min-width: 451px) and (max-width: 767px) { .responsive #top .avia-post-nav { display: block; top: 38%; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Please include the url to the page in question so we can examine the elements.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,
When I first checked, the white area was not fullwidth:
but now it is:
Perhaps you want this:
if so try adding this css:@media only screen and (max-width: 767px) { #top #wrap_all .avia-caption-content p { width: 80%; margin: auto; } #top #wrap_all .avia-slideshow .avia-caption-title { width: 80%; margin: auto; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
I see the error with just the single word “copyright”, but not with “remove copyright”
As I recall some single words will have too many results, or perhaps in this case the word “copyright” is also at the bottom of every page, try using at least two words.Best regards,
MikeApril 25, 2025 at 10:46 pm in reply to: Advanced Layout Builder Not Loading (Tried All Recommended Fixes) #1483122Hi,
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,
I will leave this open until you write back that it is working.Best regards,
MikeHi,
Glad to hear that you have this sorted out, shall we close this thread then?Best regards,
MikeHey a_edemirci,
I recommend adding two more social media profiles, ones that you don’t plan on using. Then add the link to your language pages, for example 500px & behance:
Then add this css:.social_bookmarks_five_100_px a:before { content: url(https://img.icons8.com/officexs/16/000000/great-britain.png); top: 12%; position: relative; } .social_bookmarks_five_100_px a svg { display: none; } .social_bookmarks_behance a:before { content: url(https://img.icons8.com/officexs/16/000000/switzerland.png); top: 12%; position: relative; } .social_bookmarks_behance a svg { display: none; }
for this result:
to remove the hover title, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($){ $(".social_bookmarks_five_100_px a, .social_bookmarks_behance a").hover(function(){ $(this).removeAttr("title"); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Best regards,
MikeHi,
Please check that you are using Enfold v7.1, and try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all .container.caption_container { width: 100%; max-width: 100%; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Guenter,
Thanks for pointing this out, but it seems to be working for me. Perhaps it was a small hiccup?Best regards,
MikeHey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header #header_meta { z-index: 1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey JoStudioDeRijp,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-content-slider .slide-meta time { display: none; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeApril 25, 2025 at 3:52 pm in reply to: Fontello Font loading issue, preventing menu from being accessible on iOS #1482897Hey oladigital_co,
Thank you for your patience, I don’t have a iPhone, but I tested in Safari on a Mac in Responsive Design Mode iOS simulator, I also checked on live.browserstack.com iOS simulator, and both worked for me, please see the screenshot in the Private Content area.
I do see an error: /?avia_forced_reroute=1 404 (Not Found) in your console, try going to Enfold Theme Options > Custom Error 404 Page > Redirect to selected page and change the settings to “Select page”
you may have an old setting in there.
Please note that testing with 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.Best regards,
MikeApril 25, 2025 at 3:08 pm in reply to: Open Team member Description as pop up – mobile solution #1482869Hey fabienneRedUmb,
Thanks for your patience, when I test this on my Android phone it works for me, check the link below.
Perhaps you have a caching plugin that is delaying the jQuery script on mobile, If this doesn’t correct, please include admin login in the Private Content area so we can investigate.Best regards,
MikeHi,
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,
*update* I tested the above script that you posted “Fix Yoast SEO pagination compatibility with Enfold theme using avia-element-paging” and it solved the issue on my site
<link rel="canonical" href="https://enfold.site.com/blog/blog-default/?avia-element-paging=2" class="yoast-seo-meta-tag">
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:
and ensure that it is activated, then add the above code without the leading<?php
and save.Best regards,
MikeHi,
Thanks for your patience, I’m not sure why this is, I have asked the rest of team for advice.Best regards,
MikeHi,
Glad that this works for you, this looks like it is caused by the extra padding that you have in the column to add the background color.Best regards,
MikeHey ungeme,
Thank you for your patience, our webhost writes back that the ip address is not on our blocklist.
Try installing the demo on a localhost and then use the plugin Duplicator to move to your live site, this typically works well.Best regards,
MikeHi,
Thank you for your patience, our hosting writes back that the ip 193.202.110.34 we can’t unblock because from it there are constant attacks on many of our servers.
Try installing the demo on a localhost and then use the plugin Duplicator to move to your live site, this works typically well.Best regards,
MikeHey Martin Riemer,
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
MikeApril 20, 2025 at 6:31 pm in reply to: Themeforest.net refused to connect to update a website #1481679Hey myadminsuper,
It sounds like your theme is using the old API key.
Evenon (Theme Forest) changed the key to”
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
Mike -
AuthorPosts