Forum Replies Created
-
AuthorPosts
-
Hey laptophobo,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #boxed-menu.av-border-cells .flex_cell { border-bottom: 1px solid #fff; border-left: none; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad Ismael 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,
MikeMay 3, 2025 at 4:27 pm in reply to: Footer Not Responsive with Chrome & Safari (works for Firefox) #1483548Hi,
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,
MikeHey rixi,
How much smaller do you want them to be on mobile? Currently they are 100% width for mobile. Please see the screenshot in the Private Content area.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,
Glad that this helps, we have not seen this request before, and what it might cause for users that don’t use Yoast as I don’t see a check in the code for the plugin.
If you would like to request this feature the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.
In the meanwhile, shall we close this thread?Best regards,
MikeHi,
This should work fine. 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,
MikeHey Lion Speer,
Your version is very old, you will need to update, but since then Envato (Theme Forest) has changed from a API to a Token, so first you must manually update.
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,
MikeHey Marci Rosen,
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 29, 2025 at 10:33 pm in reply to: Different font size for main menu links on desktop/mobile on overlay/slide out #1483355Hi,
Thanks for your patience, please add this css with Ismael’s
Please note that testing with iPads & 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,
MikeHi,
Shall I ask the rest of the team for advice, or shall we close this thread?Best regards,
MikeApril 27, 2025 at 10:10 pm in reply to: Multisite issue – Ok on main site but broken on subsites. #1483261Hi,
Your sub-sites show multiple errors: Failed to load resource: the server responded with a status of 500 ()
This looks like a config error on your webhost.The HTTP 500 Internal Server Error server error response status code indicates that the server encountered an unexpected condition that prevented it from fulfilling the request.
If you’re a visitor seeing 500 errors on a web page, these issues require investigation by server owners or administrators. There are many possible causes of 500 errors, including: improper server configuration, out-of-memory (OOM) issues, unhandled exceptions, improper file permissions, or other complex factors.
Try asking your webhost to review your multisite config, it is not something that can be fixed inside of WordPress.Best regards,
MikeApril 27, 2025 at 7:28 pm in reply to: Timeline content element is displayed incorrectly on small screens #1483260Hey diraastro,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function change_the_order_of_milestone_even_on_mobile_screens() { ?> <script> document.addEventListener('DOMContentLoaded', () => { const milestones = document.querySelectorAll('.av-milestone-even'); if (milestones.length === 0) return; const mediaQuery = window.matchMedia('(max-width: 989px)'); const reorderMilestones = () => { if (mediaQuery.matches) { milestones.forEach(milestone => { const date = milestone.querySelector('.av-milestone-date'); const icon = milestone.querySelector('.av-milestone-icon-wrap'); const content = milestone.querySelector('.av-milestone-content-wrap'); if (date && icon && content) { milestone.innerHTML = ''; milestone.appendChild(date); milestone.appendChild(icon); milestone.appendChild(content); } }); } }; reorderMilestones(); mediaQuery.addEventListener('change', reorderMilestones); }); </script> <?php } add_action( 'wp_footer', 'change_the_order_of_milestone_even_on_mobile_screens', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
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 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,
MikeHi,
Thanks I answered your new thread, I will close this thread now.Best regards,
MikeHey dondela,
Thanks, I added this to your child theme function.phpfunction move_cookie_consent_modal_buttons() { ?> <script> var copyDiv = document.querySelector('#av-consent-extra-info .avia-cookie-consent-modal-buttons-wrap'); var appendtoDiv = document.querySelector("#av-consent-extra-info .av-special-heading"); if (!!copyDiv) { var clone = copyDiv.cloneNode(true); copyDiv.style.paddingTop = '25px'; appendtoDiv.appendChild(copyDiv); } </script> <?php } add_action( 'wp_footer', 'move_cookie_consent_modal_buttons', 99 );
Please check.
Best regards,
MikeHi,
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,
Mike -
AuthorPosts