Forum Replies Created
-
AuthorPosts
-
May 3, 2025 at 6:49 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1483554
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#av-burger-menu-ul li.av-show-submenu > a > .avia-menu-text { color: blue; } #av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text { color: yellow; } .html_av-submenu-hidden #av-burger-menu-ul .av-submenu-indicator:before { color: yellow; font-size: 20px; } #top #wrap_all #av-burger-menu-ul .menu-item-2846 { font-size: 12px !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 3, 2025 at 6:25 pm in reply to: video or pic in color section fades from white and loading slow #1483553Hi,
When I check your site, it looks like you have the preloader enabled, this is why the site is white with a spinning icon for a few seconds, you can disable this in the theme settings. Enfold Theme Options ▸ Page Preloading
When I check your page with Safari on a Mac the background video is working for me.
I do see this console error only in Safari: Unhandled Promise Rejection: AbortError: The operation was aborted. but it doesn’t keep the video from playing for me. I found this stackoverflow thread about the message.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.home #wrap_all #av_section_3 .flex_column.av_one_third { width: 31%; margin-left: 6px; } } @media only screen and (max-width: 500px) { #top.home #wrap_all #av_section_3.main_color .flex_column.av_one_third h3 { font-size: 0.6em; } } @media only screen and (min-width: 501px) and (max-width: 767px) { #top.home #wrap_all #av_section_3.main_color .flex_column.av_one_third h3 { font-size: 0.9em; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey 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,
Mike -
AuthorPosts