Forum Replies Created
-
AuthorPosts
-
Hi,
I’m not sure if that is possible, but please do open a new thread and enable the cookie badge so I can view it, since the only way to see your site is to first login I’m not asked to accept the cookies today. I thought yesterday I could see it, but not today.
I also can’t read your theme settings language, so I’m having trouble finding the correct settings, perhaps a new login for us that we can change the language to English would help, or change it on the login you already posted, if you don’t mind.Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.responsive #top.home #wrap_all .flex_cell.av_one_third { padding: 0 !important; } .responsive #top.home #wrap_all .flex_cell.av_one_third .av_textblock_section { padding: 0 25px; } .responsive #top.home #wrap_all .flex_cell.av_one_third #rotesQuadrat { margin-left: 25px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
I added this to your child theme functions.phpfunction custom_script() { ?> <script> (function($){ $(".avia-post-nav").hover(function(){ $(this).removeAttr("title"); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
please check now.
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 then:.avia-caption { top: 17px; }
If this doesn’t work then link to your page so we can examine.
Best regards,
MikeHi,
Add this css:.avia-post-nav:hover .entry-info-wrap { width: 0; }
Best regards,
MikeApril 26, 2025 at 8:04 pm in reply to: Different font size for main menu links on desktop/mobile on overlay/slide out #1483233Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top #wrap_all #av-burger-menu-ul > li, #top #wrap_all #av-burger-menu-ul > li a { top:0 !important; opacity:1 !important; padding: 4px 0 !important; } } @media only screen and (min-width: 768px) { #top #wrap_all #av-burger-menu-ul > li, #top #wrap_all #av-burger-menu-ul > li a { top:0 !important; 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,
MikeHey Sylvain,
You can use the layerslider with a transparent header like this: https://kriesi.at/themes/enfold-2017/
or the fullscreen slider with a transparent header like this: https://kriesi.at/themes/enfold-2017/elements/fullscreen-slider/
or add the image as a background image color section: https://kriesi.at/themes/enfold-2017/elements/color-section/
this is another color section example with a transparent header: https://kriesi.at/themes/enfold-2017/pages/blank-pages/coming-soon-page/Best regards,
MikeHi,
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,
Mike -
AuthorPosts