Forum Replies Created
-
AuthorPosts
-
Hey AuroraArcus,
Thanks for the link to your page, I see the text overlap began at 1350px and below 400px the padding was adding to the problem so I recommend this css:@media only screen and (max-width: 1350px) { #top .av-catalogue-title-container { font-size: .8em; line-height: 1em; } } @media only screen and (max-width: 420px) { .responsive #top #wrap_all #av-layout-grid-1 .flex_cell { padding: 40px 20px !important; } }After applying the css, please clear your browser cache and check.
For tablet and below the font change seems appropriate:

and for very small mobile devices the added padding change also helps:

Best regards,
MikeHey Michael,
Sorry for the inconvenience, this will be corrected in the next version, for now the patch is here.
To apply the patch using FTP save the file/enfold/framework/php/class-form-generator.phpto your computer as a fallback and then replace it with the patch.
I linked to a copy of the patch below.Best regards,
MikeNovember 5, 2022 at 7:38 pm in reply to: Perfect Grid with no space or borders in between pictures #1371479Hey Ad-Min747,
Thanks for the link to your site, I believe you are referring to the Clients highlight section, try this css:#top.home .av-masonry-entry .av-inner-masonry { margin-block-end: 0; }After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.Best regards,
MikeHi,
I believe that you misunderstand, you should remove the above css if you have added it.
The login you posted doesn’t work.Best regards,
MikeNovember 5, 2022 at 7:12 pm in reply to: Add the same banner as on the blog page, on the category page #1371472Hi,
Glad to hear to make the category archive columns two wide for tablet try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_archive_category_article_width() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#top.archive.category .slide-entry-wrap').each(function() { var width = $(window).width(); if ((width <= 989)) { $('.slide-entry').removeClass('av_one_third').addClass('av_one_half'); } else {} }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_archive_category_article_width');Best regards,
MikeNovember 5, 2022 at 6:41 pm in reply to: Colour Section — Background Video with Start/Stop Control #1371468Hi,
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,
MikeNovember 5, 2022 at 3:51 pm in reply to: Text block ignores position of above text block and goes over it #1371450Hi,
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,
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,
MikeNovember 5, 2022 at 3:50 pm in reply to: Contact form does not allow me to write anything inside #1371446Hi,
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,
MikeNovember 5, 2022 at 3:41 pm in reply to: Colour Section — Background Video with Start/Stop Control #1371442Hi,
Thanks for the login, I found that you used a layerslider text layer to show html, I hid your layer and added a new html layer with your code and now the title shows, please clear your browser cache and check.Best regards,
MikeNovember 5, 2022 at 3:07 pm in reply to: Contact form does not allow me to write anything inside #1371440November 5, 2022 at 2:09 pm in reply to: Add the same banner as on the blog page, on the category page #1371439Hi,
Thanks for the login, I don’t know where this is coming from but I added this css to correct and it seems to be working:#top.home #av_section_1 { height: 85.78vh; }please clear your browser cache and check.
Best regards,
MikeHi,
That is odd, I checked your contact page with my Android phone the topbar was blue with white text. I also tested on a Mac with Safari design mode and it also showed correctly.
I don’t have an iPhone so I have asked the team to check with their iPhone and will reply when I hear back or they may reply with their findings, Thank you for your patience.Best regards,
MikeNovember 4, 2022 at 8:30 pm in reply to: Add the same banner as on the blog page, on the category page #1371374Hi,
I didn’t make any changes to your site, the login you posted is not an admin login so I’m unable to see or modify any theme setting or WordPress settings, I didn’t even look at your homepage. From what I can see, from the Dev Tools, is the height of the element is changed from the 100vh (951px) which is the setting in the element, to 738px, but I can’t tell if it is custom css or a custom script.
Try disabling your custom css and any scripts and your plugins, if this doesn’t help upgrade the login you post to admin so we can investigate.Best regards,
MikeNovember 4, 2022 at 11:20 am in reply to: First the general stylesheet diddn't work, now i have no theme at all #1371321Hey Jainanvanmeteren,
Please ensure that you are using the installable WP version of the theme from your Theme Forest account.
The other zip file has extra directories in it so it won’t install correctly, you could extract it and use the enfold.zip this is inside it.Best regards,
MikeHi,
To have the sidebar search bar at the top of the shop on mobile try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function mobile_shop_search_on_top() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var width = $(window).width() $('#top.woocommerce-shop').each(function() { if ($(window).width() < 768) { $('#aws_widget-2').insertBefore('.template-shop.content ').css({'padding-bottom' : '0'}); } else {} }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'mobile_shop_search_on_top');This will work will or without the precious css, please see the screenshot in the Private Content area of the expected results.
Best regards,
MikeNovember 3, 2022 at 10:27 pm in reply to: Important change request for avia_google_maps_api.js! #1371283Hi,
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,
Please try clearing your browser cache, when I check the topbar has a blue background and white text.
Please see the screenshot in the Private Content area.Best regards,
MikeNovember 3, 2022 at 10:13 pm in reply to: Add the same banner as on the blog page, on the category page #1371279Hey laboiteapixels12,
Thank you for the login to your site, but it is not an admin login so I was limited.
I see that on your category pages you are displaying the category description and I assume that you would like this as the title in the banner image like the blog page is displayed.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_category_banner() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#top.archive.category').each(function() { var catTitle = $('.category-term-description p').text(); var catBanner = $('<div class="avia-section avia-full-stretch fullsize cat-banner"><div class="av-section-color-overlay-wrap"><div class="av-section-color-overlay"></div></div><h1>'+ catTitle +'</h1></div>'); $(catBanner).insertBefore('.container_wrap_first'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'custom_category_banner');Please copy the code from the forum and not from an email notification so the symbols are copied correctly.
Then add this css to your child theme stylesheet or the theme option Quick CSS:.avia-section.cat-banner { height: 283px; color: #fff; background-color: #f7f4ef; background-image: url(https://jean-michel-cosson.fr/wp-content/uploads/2022/10/blog-articles-par-jean-michel-cosson-3.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; } .avia-section.cat-banner h1 { margin: 0; position: absolute; top: 36%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .avia-section.cat-banner .av-section-color-overlay { opacity: 0.4; background-color: #2b2b2b; height: 283px; } #top.archive.category .category-term-description { display: none; }Best regards,
MikeHi,
This is the link to the GitHub Gist: WordPress-Kriesi-Enfold-Page-Pop-Up, a user HuxburyQuinn created this, this is not an Enfold function.
But I see that your main concern is the load time of the iframe, you will have the same issue when you try to show a page in a lightbox, this delay is the time it takes for your server to serve the page. Another issue would be showing an entire page in a lightbox because a lightbox is small and showing the header and footer again seems to take valuable space, I believe it is better to only show specific content instead of the whole page.
If you want to show content in a lightbox the best option is to hide the content on your page and then show it in a lightbox, this will be very fast.
Please see this example, or this exampleBest 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,
MikeNovember 3, 2022 at 2:18 am in reply to: Menu and logo don't stay in one place (and the page items move as well) #1371163Hi,
Thanks for your patience, one member said he saw the shift but didn’t know where it was coming from. I checked again today after clearing my cache and history, but I didn’t see it like the screencast I posted above.Best regards,
MikeNovember 3, 2022 at 12:44 am in reply to: Important change request for avia_google_maps_api.js! #1371159Hi,
When I tested I used the Google Map element and his instructions and it worked for me.Best regards,
MikeHi,
I could probably write some javascript to move it to the top, but it’s kind of large on mobile and would make your users swipe a couple of times before they see your products, are you sure you want that?Best regards,
MikeNovember 2, 2022 at 7:44 pm in reply to: Possible to change bullet character in bullet list? #1371138Hi,
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 the screenshots, but I don’t recognize these options since I don’t have a Siteground account, so I’m not sure how they would change the DOM structure.
While we wait for feedback from the rest of the team, do you mind if I try exporting your site to a test site on my server to see if the error carries over?Best regards,
MikeNovember 2, 2022 at 7:33 pm in reply to: Possible to change bullet character in bullet list? #1371130Hi,
I don’t have a solution to add another burger menu that adds the sidebar elements, but you can add this css to show the sidebar elements below the content on mobile:@media only screen and (max-width: 767px) { .responsive #top.woocommerce-shop #main .sidebar { display: block; float: left; padding: 0; } .responsive #top.woocommerce-shop #main .sidebar .inner_sidebar { margin-left: 0; } .responsive #top.woocommerce-shop .container .av-content-small { margin-bottom: 0; padding-bottom: 0; } }After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts



