Forum Replies Created

Viewing 30 posts - 15,991 through 16,020 (of 34,221 total)
  • Author
    Posts
  • in reply to: loader and section animations. #1218072

    Hi,
    Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    Hi,
    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,
    Mike

    in reply to: Highlight active menu #1218063

    Hi,
    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,
    Mike

    in reply to: loader and section animations. #1218056

    Hi,
    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,
    Mike

    in reply to: loader and section animations. #1217704

    Hi,
    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,
    Mike

    in reply to: Problem with access to the website #1217686

    Hi,
    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,
    Mike

    in reply to: main menu #1217680

    Hi,
    Glad to hear this helped, but I don’t understand your second question, please explain.

    Best regards,
    Mike

    in reply to: hot to remove this raw #1217674

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    Hi,
    Sorry for the late reply, please try replacing this file /wp-content/themes/enfold/config-gutenberg/class-avia-gutenberg.php with 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,
    Mike

    in reply to: Problem with access to the website #1217335

    Hi,
    Have you tried using a free VPN?
    There seems to be many available, try searching Google to find one.

    Best regards,
    Mike

    in reply to: Tables – how to make them look nice #1217327

    Hi,
    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,
    Mike

    in reply to: Tables – how to make them look nice #1216928

    Hi,
    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,
    Mike

    in reply to: Device type and EasySlider #1216919

    Hey 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,
    Mike

    Hi,
    Glad to hear it is working for you, but I don’t see any issues with tab one and the animation.

    Best regards,
    Mike

    in reply to: Google Tag Manager Gdpr Opt out #1216907

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: Unavailable and variable products #1216487

    Hi,
    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,
    Mike

    in reply to: Add forward button to default audio player #1216473

    Hi,
    Try changing the css to this:

    #top .mejs-container {
        width: 100% !important;
        height: 100% !important;
    }

    Then clear your browser cache and check.

    Best regards,
    Mike

    Hi,

    @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,
    Mike

    in reply to: Align last element in equal height columns to bottom #1216466

    Hi,
    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,
    Mike

    Hi,
    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,
    Mike

    in reply to: hot to remove this raw #1216462

    Hi,
    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,
    Mike

    in reply to: Column Spacing #1216449

    Hi,
    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,
    Mike

    in reply to: Quiz from Forminator Plugin not shown on mobile view #1216447

    Hi,
    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,
    Mike

    in reply to: Featured images not displaying #1216321

    Hi,
    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,
    Mike

    Hey 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,
    Mike

    in reply to: Hide a page in Page Sidebar navigation #1216311

    Hey 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-1 to 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,
    Mike

    in reply to: Enfold accordion not visible in a popup window #1216306

    Hi,
    Glad to hear, thank you for the feedback.

    Best regards,
    Mike

    in reply to: add zoom effect on blog element #1216301

    Hi,
    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

Viewing 30 posts - 15,991 through 16,020 (of 34,221 total)