Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?Best regards,
MikeMay 30, 2020 at 8:44 pm in reply to: Avia Layout Builder no longer working on certain pages #1218071Hi,
I took a look at your “datasheets” page and also saw that you are getting an 406 error on the admin-ajax.php but I’m not sure why.
Since you had the Avia Layout Builder Debugger activated I tried testing your page shortcode on my localhost and your page worked fine without errors.
I then tried creating a new “datasheets test” page and found that if the fourth and fifth tabs were empty then you can edit the page on your site, please see the link in the Private Content area.I don’t see what the issue is with the fourth and fifth tabs, but you could try adding content a little at a time to see if you can isolate the issue.
Have you tried disabling your plugins?Best regards,
MikeHi,
Thank you for the link, I see that your two menu items are both getting marked as the “current page”, probably due to your menu structure. For this page which menu item do you want to be highlighted?
From your description above it sounds like you only have a couple of pages with this issue, if you link to each page and tell us which menu items should be highlighted we can provide some css to correct this.Best regards,
MikeHi,
I tried to write this script as general as possible so it would work on most pages, the script looks for the first column on the page and waits for 2 seconds and then animates.
This seems to work on most pages showing the animation right after the purple preloader slides away. Try adding this code to the end of your functions.php file in Appearance > Editor:function after_preload_script(){ ?> <script> (function($){ $(document).ready(function(){ setTimeout(function(){ $('.flex_column_div.first.avia-builder-el-1').fadeIn({queue: false, duration: 'slow'}); $('.flex_column_div.first.avia-builder-el-1').animate({ top: "-50px" }, 'slow'); }, 2000); }); })(jQuery); </script> <?php } add_action('wp_footer', 'after_preload_script');Then clear your browser cache and check.
Best regards,
MikeHi,
Sorry for the late reply, as I understand your question, you have a preloader and after it runs the top section in view doesn’t animate, but the lower sections do. I suggest that the section in view is animating while the preloader is running.
I can’t think of a solution that will work sitewide, but we may be able to add an additional animation after your preloader to the top section. Perhaps a fade-in slide-up to the column “Our Products”, perhaps if most of your pages have the same layout we can add this animation based on a custom class to the column. Does this sound like something you would like to try?
Is the preloader from Enfold or is it a plugin or script?Related note: while researching this I found this possible solution that may help after some modification.
Best regards,
MikeHi,
Glad to hear this helps, unfortunately, this is the only solution I can think of to help, we don’t have a block in place.Best regards,
MikeHi,
Glad to hear this helped, but I don’t understand your second question, please explain.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #header span.logo-title.logo-subtitle { top: 30px !important; position: absolute; width: 400px; left: 80px; } #top #header.header-scrolled span.logo-title.logo-subtitle { top: 5px !important; }Best regards,
MikeMay 29, 2020 at 12:06 pm in reply to: Enfold Remove left & right padding margins on videos in color sections on mobile #1217664Hi,
Thanks for the link, I assume that you are looking to make the video under “Success stories” full width on mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { .responsive #top.page-id-2167 #wrap_all #av_section_7 > .container { width: 100% !important; max-width: 100% !important; } .responsive #top.page-id-2167 #wrap_all #av_section_7 > .container .av_two_fifth .iconbox_right_content { margin: auto !important; width: 85% !important; } }Best regards,
MikeMay 28, 2020 at 1:49 pm in reply to: Customize theme displaying error instead of theme options #1217345Hi,
Sorry for the late reply, please try replacing this file/wp-content/themes/enfold/config-gutenberg/class-avia-gutenberg.phpwith this one. Be sure to save a copy of the original for fallback and ensue you are using Enfold v4.7.5
After replacing the file via FTP please disable the Enfold Theme Options > Performance > JS & CSS file merging and compression and clear any caching plugin and your browser and check.Best regards,
MikeHi,
Have you tried using a free VPN?
There seems to be many available, try searching Google to find one.Best regards,
MikeHi,
Thanks for the link to your site, the openings hrs in the footer has some top margin, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#text-3 .wptb-table-container { margin-top: 0 !important; }For the in margin in the 3th column, please try this css:
#grw_widget-2 { margin-top: 0 !important; } #text-6 { margin-bottom: 0 !important; }As for tablepress and your css, I imagine that the class “.tablepress” was not correct, but I would have to see it to tell.
Best regards,
MikeHi,
Sorry for the late reply, I see that the tables in your two example sites are created with plugins, are you going to use these plugins on your site? Can we see your site to see what you have so far?Best regards,
MikeHey romano2,
Sorry for the late reply, unfortunately, it would require a javascript function to detect the finger gestures such as this. Right now we don’t have an easy way to add this but I can submit a feature request to the dev team to review if you wish.Best regards,
MikeMay 27, 2020 at 12:29 pm in reply to: Icon list animation not working in tab section when clicking on a link #1216910Hi,
Glad to hear it is working for you, but I don’t see any issues with tab one and the animation.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeMay 27, 2020 at 12:15 pm in reply to: Blog Layout – Img Left, Txt Right for Desktop – Image Top, Txt Bottom on Mobile #1216906Hi,
Thank you for the feedback, it doesn’t look like the css above is working for you, perhaps there is a missing bracket or something in your css. When I inject the css for mobile the featured image is on top, Please see the screenshot in Private Content area.
Please include an admin login in the Private Content area so we can take a closer look.Best regards,
MikeHi,
Thank you, so to correct your variations add to cart button please try this css:#top .single_add_to_cart_button.wc-variation-selection-needed { padding: 10.4px !important; } .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled { width: 95%; margin: auto; } .single_variation_wrap { margin: auto; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHi,
Try changing the css to this:#top .mejs-container { width: 100% !important; height: 100% !important; }Then clear your browser cache and check.
Best regards,
MikeMay 26, 2020 at 12:35 pm in reply to: Icon list animation not working in tab section when clicking on a link #1216471Hi,
@Terve I’m using an Android with chrome, it looks like your staging site is loading a lazyload script from wp-rocket and the Enfold Theme Options > Performance > JS & CSS file merging and compression is enabled. Please disable these.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeMay 26, 2020 at 12:16 pm in reply to: Reduce the height of the background color to its text for the main menu links #1216464Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Try adding this code to the end of your functions.php file in Appearance > Editor:add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<span class='logo-title logo-subtitle'>"; $sub .= "test"; $sub .= "</span>"; return $sub; }Please adjust the “test” to the text you wish
then and add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .logo, #top .logo a { overflow: visible; } #top .logo-subtitle { font-size: 18px !important; top: 30px !important; position: absolute; right: -50px; }You will probably want to style your text more, feel free to adjust the css.
Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
I took a look at your page but I don’t see a quiz on desktop or mobile, the login doesn’t seem to be working, please check.Best regards,
MikeHi,
I took a look at the WPeMatico RSS Feed Fetcher plugin and I notice it says:FULL Content: Takes the item permalink and scratches its web page to find the full content. Set the featured image from meta tags of source web page, Open Graph or Twitter images. Also allows set up a configuration file for every domain pointing to what section of the web page must be obtained.
So I wonder if your featured image is not targeted correctly or perhaps the site you are scraping is using a lazy load plugin.
Try disabling all plugins and cashing on both sites except for the WPeMatico and ensure the Enfold Theme Options > Performance > Load jQuery in your footer is disabled and then test.Best regards,
MikeMay 25, 2020 at 11:29 pm in reply to: Blog Layout – Img Left, Txt Right for Desktop – Image Top, Txt Bottom on Mobile #1216317Hey CodeSamurai,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { #main .av-alb-blogposts.template-blog > .post-entry > .blog-meta { display: inline-block !important; width: 100% !important; } .av-alb-blogposts.template-blog > .post-entry > .blog-meta > a { width: 100% !important; height: auto !important; } .template-blog .post .entry-content-wrapper { overflow: visible !important; } }After applying the css, Please clear your browser cache and check.
Best regards,
MikeHey Ashley,
Sorry for the late reply, here is a script that toggles the sub-menu items and the sub-menu can be expanded on the current page.
Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $('#menu-supermarket-shop-1 > li.menu-item-has-children').find('ul').hide(); $('#menu-supermarket-shop-1 > li.menu-item-has-children').click(function () { $('#menu-supermarket-shop-1 > li.menu-item-has-children').not(this).find('ul').hide(); $(this).find('ul').toggle(); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Please adjust the
#menu-supermarket-shop-1to your sidebar navigation ID, if you need help adjusting this to your site please include a link to an example page.
Also, the script above works best if the parent menu item has no link so that clicking it will expand the menu instead of going to a page.Best regards,
MikeHi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field instead:.avia-content-slider a.slide-image > img { animation: growout 2s; animation-fill-mode: forwards; } .avia-content-slider a.slide-image:hover > img { animation: growin 2s; animation-fill-mode: forwards; } @keyframes growin { from {transform: scale(1)} to {transform: scale(1.2)} } @keyframes growout { from {transform: scale(1.2)} to {transform: scale(1)} }After applying the css, Please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts
