Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear this is helping, try removing your other css and see if that helps.
If not please include a admin login in the private content area.Best regards,
MikeHi,
Unfortunately, you would not be able to modify the advanced styles options, it would not be an easy thing.
It would be much easier to add some css into the Enfold Theme Options ▸ General Styling ▸ Quick CSS field which is what it is designed for.Best regards,
MikeHi,
Thanks for your screenshot, for mobile please try this css:@media only screen and (max-width: 767px) { .av-no-preview #main .av-timeline-nav { padding-top: 0; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey schwabino,
Thank you for your question, based on the 2017 Demo, on my test site the logo was to the left and the menu to the right:

Try this css:#avia-menu { width: 60%; } .av_minimal_header .main_menu ul:first-child > li a { height: 45px; line-height: 45px; }the expected results:

After applying the css, please clear your browser cache and check.
If this is not what you had in mind please link to your site with further details.Best regards,
MikeSeptember 17, 2022 at 6:45 pm in reply to: Important change request for avia_google_maps_api.js! #1365351Hi,
@Thina thanks for your question, I have tested @NIXHALBES function and it is working for me just by following his instructions.
But if you are not using a child theme your changes will be lost with future theme updates, so please use a child theme Get it here.
Then you will need to create a directory named js in your child theme.
Then create a file named norobotofontbymaps.js whith the code above, I have uploaded the one I used here.
Finally, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function agwp_addCustomScripts(){ wp_enqueue_script('norobotofontbymaps',get_stylesheet_directory_uri().'/js/norobotofontbymaps.js'); } add_action('wp_enqueue_scripts', 'agwp_addCustomScripts');If you have any trouble please create a new thread and include a recap, FTP access, and WordPress admin access in the Private Content area. Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.
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,
Thank you for your patience and for the login, I created a test copy of your homepage and found that if the color section overlay color or opacity was changed at all then the color section background image disappeared, and if I changed the size of the background or it’s Background Attachment from fixed to scroll it would also disappear.
I then created a test copy of your homepage on my test site but this error did not occur. I checked that your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression was disabled and that your Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files was enabled and that you have no caching plugins, which all was true.
I believe that your web server is caching the inline posts_css and when the elements are changed on the page the element classes for the post css files change and thus the proper css is not called.
I added this function in your functions.php to disable the posts css file generation:function custom_avf_post_css_create_file( $create ) { return false; } add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );and this solved the issue, please clear your browser cache and check.
I believe that your server is using object-oriented caching such as Memcached, Redis, Varnish, Litespeed, etc. and you could disable that to also solve, but you site might become a little slower, so as long as my fix works for you it is what I would recommend.Best regards,
MikeHi,
Thanks for the link to your home page slider, I see this only occurs on your FR home page and on your EN home page all of the slides are the same.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function equal_slider_height() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($) { $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-1').each(function(index){ $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-2').find('img').eq(index).css('height', $(this).css('height')); $('#top.home #full_slider_1 .avia-slideshow-inner li.slide-3').find('img').eq(index).css('height', $(this).css('height')); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'equal_slider_height');It will get the height of first video slide and apply it the next two image slides.
After applying please clear your browser cache and check.Best regards,
MikeHi,
Please note that the code you posted and the code Nikko posted are two different codes, so this code that was on line 17 in your functions.php is not correct and will cause the error, if you see it please remove:function av_breadcrumbs_shortcode( $atts ) { return avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true)); } add_shortcode( 'av_breadcrumbs', 'av_breadcrumbs_shortcode' );this is the correct code that you should add to your child theme functions.php so that your shortcode will work:
function av_breadcrumbs_shortcode( $atts ) { return Avia_Breadcrumb_Trail()->get_trail( array( 'separator' => '/', 'richsnippet' => true ) ); } add_shortcode( 'av_breadcrumbs', 'av_breadcrumbs_shortcode' );If you are not using a child theme then you can add this to your parent theme functions.php, but note that it will be lost when to update.
If you still have trouble then please include admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHi,
Thanks for the feedback, I asked the rest of the team if they have any ideas for the issue or how to forward it to the layerslider team.
I’m just not sure how to apply any solutions to only Android Firefox, but I will post back when I hear something.
Thank you for your patience.Best regards,
MikeHey don_olli,
Thanks for the screenshot and the link to your site, I tested your layerslider and our 2017 Demo layerslider on my Android Galaxy, with three browsers, Firefox, Chrome, and Brave and Firefox was the only one showing the error, Chrome and Brave showd the layerslider correctly:


Have you tested with Chrome on your Android device? I tried searching the LayerSlider Support Forum for this specific issue but I didn’t find this one, I did find other conflicts with the layerslider and firefox but they were older. Please try asking the LayerSlider Support Forum about this as they would have the most knowledge about their plugin.Best regards,
MikeSeptember 16, 2022 at 5:39 pm in reply to: Countdown clock – javascript for custom countdown text not working #1365283Hi,
Thank you for your patience, as I understand your issue you would like to change the text in the count down from Seconds to Sec and Minutes to Min, correct?
Please include an admin login so we can assist.Best regards,
MikeHey NonSuch,
Thank you for your question, the thread that you linked to was from 2021 and the line breaks and headings has already been added, I tested in v5.1.2 and it is working correctly.
this was my test form:

and the email I receive, note that each field contains the field label then the input text and then a new line:
Best regards,
MikeHi,
To hide the contact widget on mobile and show it on tablet and desktop, please add this css to Enfold Theme Options ▸ General Styling ▸ Quick CSS field@media only screen and (max-width: 767px) { #text-5 { display: none; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey garagestudios,
Thanks for your question, the option Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs

is a global setting for both pages and posts, to remove the breadcrumbs only from all posts please add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field#top.single-post .title_container .breadcrumb { display:none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey donillo,
Thank you for your question, but unfortunately, you will need to use the shortcodes to add this element to pages created with the Advanced Layout Builder.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,
MikeHi,
Thanks for the link to your site, but I got a 503 error when I tried to view it, I assume that you don’t want to show the logo or menu on the maintenance page, so try disabling the header for that one page by going to the backend of the page and in the layout admin sidebar choose Hide header on this page in the Header visibility and transparency option.Best regards,
MikeHey Protohill,
Thanks for the link to your site, I see that you are using Enfold v4.7.4 with WordPress v6.0.2
I recommend updating to Enfold v5.1.2 and ensure your PHP version is at least v7.4To update your version of Enfold you will need to download the latest 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,
MikeHi,
Thanks for the feedback, if I paste the iframe url in a new tab address bar I can login and the console error is this:

Typically iframes can only be loaded from the same domain unless the target domain has added the CORS policy to allow Cross-Origin Resource Sharing.
Typically you can see the CORS error in the browser console, but I believe that this site is not sending the error to the console, I’m not sure if it is for security or it is how ASP pages work, I don’t have ASP experience.
I recommend asking the people at “my account center” if you can use an iframe, I don’t think that is related to the theme because when I tested with the iframe in a plain html file, not using WordPress or Enfold, I could not login, and you don’t have a working example of the iframe elsewhere, so far we can only login by going to their site.
I also don’t think you should be seeing these errors when you login directly to their site, perhaps this is related to the issue.Best regards,
MikeHi,
Thanks for the update, we will leave this open to hear back from you.Best regards,
MikeSeptember 15, 2022 at 6:31 pm in reply to: Updated theme to Version: 5.1.1 and the footer widgets disappeared #1365178Hi,
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 for your question, you could use the theme’s Maintenance mode option to direct visitors to your custom “Holding page” while you can login and work on your site.
Please see our documentation here.Best regards,
MikeSeptember 15, 2022 at 1:38 pm in reply to: Icon/Flipbox Grid: Elements Overlapping on the Left Side #1365122Hi,
Thanks for your patience and for the login, I found that your un-cached page (logged in) is incorrectly showing the icon grid as “display block”

and the cached page is showing it correctly as “display flex”

I’m not sure why your un-cached page is incorrect, I tested your icon grid on my test site using Enfold v5.1.2 and it shows correctly, so I don’t believe the error is with the version.I would recommend updating your theme again, but since this is an active site perhaps try creating a staging site to test with first?
Check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site to test on it while your site will stay up and running. You can always ask your webhost to help you with setting this up if you want.Here are some screenshots of what it would look like:


Since your theme is already showing as v5.1.2 to update to a fresh version you will need to download the latest 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,
MikeHi,
Thanks, I found that the error from before was due to my ad-blocker once I disabled those errors didn’t show anymore.
But the login to the iframe didn’t seem to work, I also tested the iframe in a plain html page on my test site but that didn’t make any difference.
Can you link to your page where this does work?Best regards,
MikeHi,
Thanks for the feedback, unfortunately in my research I can not find a difference between
role=”menu”
and
role=”navigation”
we don’t have access to a screen reader and the WCAG scanners I checked online are not free, so while we could randomly add the role=”menu”, the problem is, from past issues, is that the screen readers are not all the same, I specifically recall Jaws v15 not working on the menu when NVDA v2022 was.
We can add the role=”menu” easily anywhere with javascript for you on your site but if you can link to your testing site so I can check that it works it would help.Best regards,
Mike -
AuthorPosts


