Forum Replies Created

Viewing 30 posts - 16,411 through 16,440 (of 35,023 total)
  • Author
    Posts
  • in reply to: DropDown arrow for sub menu fullwidth element #1231281

    Hi,
    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: 885px) { 
    #menu-login-loguit #menu-item-1358 > ul {
    	left: -90px !important;
    }
    }

    Then clear your browser cache and check.

    Best regards,
    Mike

    Hi,
    Sorry for the late reply, I took a look at your page and for your “broken” menu an empty column header is being added which should not be there. If you could adjust your script’s logical to not add these would be best, otherwise to remove these try adding this script to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
      	 $( '#menu-item-27209' ).each(function() {
      $( this ).find( '.mega_menu_title' ).remove(); 
    });
    $( '#menu-item-6186' ).each(function() {
      $( this ).find( '.mega_menu_title' ).remove(); 
    });
    $( '#menu-item-27235' ).each(function() {
      $( this ).find( '.mega_menu_title' ).remove(); 
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    I tried first to write this to use .RegExp() or nodeType == 3; to remove these, but I was not successful. It maybe helpful to add a class to these to target these better if you can though your script, but I don’t think this would improve my script that much for these three errors.
    So while this is a “simple” solution I believe that it is also the most reliable for this situation.
    After applying the script, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Learndash Quiz Results Display Issue – 2.0 #1230927

    Hi,

    @tedfinch
    , I have assisted with a few LearnDash and Enfold issues, but with the different results that you are having as different users is not something I have seen yet. I will be happy to assist, but please copy your post to a new thread along with the Private Content area notes and post a link to it here so we can find it easier.
    Since this is not your thread you will not see anything we write in the Private Content area. Thank you.
    **I tested the admin login & ftp access and both work, thanks.

    Best regards,
    Mike

    in reply to: enfold and woocommerce erors #1230921

    Hi,
    Very good, glad we were able to assist. 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,
    Thanks for the link, so as I understand you would like to remove the extra space in the orange section above and below the masonry images for 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) { 
    #mobiel {
    	top: -40px;
    }
    #planten > div > div {
    	padding-bottom: 0px !important;
    }
    #planten .avia-builder-el-7 {
    	margin: 0 !important;
    }
    #planten .hr-invisible.avia-builder-el-11 {
    	display: none !important;
    }
    }

    Then clear your browser cache and check.

    Best regards,
    Mike

    in reply to: DropDown arrow for sub menu fullwidth element #1230909

    Hi,
    Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .alternate_color .mobile_menu_toggle {
        color: #fff !important;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Side Bar image top margin #1230901

    Hi,
    Sorry for the late reply, I took another look at your page, but it seems ok to me. Please see the screenshot in Private Content area. Please explain what is wrong and which browsers you have tested with.
    If you could upload a screenshot with the error highlighted it would be helpful.

    Best regards,
    Mike

    in reply to: Unstick topbar on mobile #1230896

    Hi,
    Sorry for the late reply, this script & css will hide the top bar on scroll down and show on scroll up for mobile.
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_hide_top_script(){
      ?>
      <script>
    ( function( $ ) {
    
      'use strict';
    
      var $window       = $( window );
      var lastScrollTop = 0;
      var $header       = $( '#header_meta' );
      var headerBottom  = $header.position().top + $header.outerHeight( true );
    
      $window.scroll( function() {
              var windowTop  = $window.scrollTop();
    
              // Add custom sticky class 
              if ( windowTop >= headerBottom ) {
                  $header.addClass( 'top-sticky' );
              } else {
                  $header.removeClass( 'top-sticky' );
                  $header.removeClass( 'top-show' );
              }
    
              // Show/hide
              if ( $header.hasClass( 'top-sticky' ) ) {
                  if ( windowTop <= headerBottom || windowTop < lastScrollTop ) {
                      $header.addClass( 'top-show' );
                  } else {
                      $header.removeClass( 'top-show' );
                  }
              }
              lastScrollTop = windowTop;
      } );
    } ( jQuery ) );
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_hide_top_script');

    Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 1023px){
    .top-sticky {
    	display: none;
    }
    .top-sticky.top-show {
    	display: block;
    }
    .responsive #top #wrap_all #header + #header_meta.top-sticky {
        top: 0 !important;
    }
    }

    Then clear your browser cache and check.
    **Please note that if testing on a desktop with a mobile sized window you may need to reload the page for the window size to be recognized. This doesn’t affect actual mobile devices just resized desktop browsers.

    Best regards,
    Mike

    in reply to: enfold and woocommerce erors #1230588

    Hi,
    With the new version, the notices should be addressed, with the old version disabling WP_DEBUG does only hide the notices, but this is the recommended solution from woocommerce. Please see above.
    I checked your site and I see you are using v4.7.5, were you able to download and extract the “no password version” of the file I made for you above? If not would you like me to assist with testing it?

    Best regards,
    Mike

    in reply to: image alt in masonry gallery #1230582

    Hi,

    @digaluk
    , the dev team has asked me to help you try our latest beta to address this issue, but since this thread is not yours you do not see the link in the Private Content area, so I’m posting it to this thread instead of asking you to start a new thread, please check.

    Best regards,
    Mike

    Hi,
    The dev team has asked me to help you try our latest beta to address this issue, this other thread was not yours so you would not see the link in the Private Content area, so I’m posting it to this thread instead of asking you to start a new thread.
    So please download the file and use the password to extract the new “/enfold/” directory to your desktop. An easy and safe way to test the beta, or any update, is to use FTP or your webhost online “file manager”, and go to your WordPress Theme directory \wp-content\themes\ and rename your Enfold directory from “/enfold/” to “/enfold-old/”, and then upload the new “/enfold/” directory from your desktop, once completed, please clear your browser cache and check your site.
    If you wish to roll back to your current version, simply delete the “/enfold/” directory via ftp and rename your “/enfold-old/” directory back to “/enfold/”
    Please don’t try to overwrite the theme folder with the new version, as this will leave old files behind and cause errors.
    Please give this a try and see if it helps with the issue.

    Best regards,
    Mike

    in reply to: enfold and woocommerce erors #1230304

    Hi,
    It sounds like you didn’t enter the password correctly or you’re using a Mac that is not recognizing the password? It works fine for me.
    Try this no password version I made for you below.

    Best regards,
    Mike

    in reply to: Clean Up Dynamic_Avia folder #1230295

    Hi,
    Glad to hear this helped, as for the rouge text strings, I don’t see them to today and the theme editor seems to be working correctly. So whatever was the conflict it seems resolved now.
    Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: enfold and woocommerce erors #1230291

    Hi,
    Thanks for the feedback, the dev team has suggested trying our 4.7.5.1-beta-1 and modify option in Performance -> Unique timestamp of merged files and WP object cache bug Selecting “Fix WP bug” should help.
    The belief is that this is a known but unfixed WP bug with object cache enabled.

    To test this beta please replace your “enfold” directory via ftp with the new enfold directory in the beta, this means do not try to “overwrite” the directory, you must delete it first, otherwise, old files will remain and cause errors.
    As an alternative, you can re-name your “enfold” directory to enfold-old and then upload the new “enfold”, then if you wish to roll-back to the old version you can delete your new enfold directory and re-name “enfold-old” to “enfold”.
    I hope I explained this well.

    Best regards,
    Mike

    in reply to: Easiest solution for a simple slider with buttons on #1230278

    Hi,
    Thanks for the screenshots and login, to move your added button next to the slider buttons, on the home page, try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
    $( '#top.home #fullscreen_slider_1' ).each(function() {
    $( this ).find( '.avia-caption-content p a.avia-slideshow-button' ).css("margin-left","20px").insertAfter( $(this).find('a.avia-slideshow-button-2') );
    $( this ).find( '.avia-caption-content p:last-child' ).remove();
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Then clear your browser cache and check.

    Best regards,
    Mike

    in reply to: DropDown arrow for sub menu fullwidth element #1230271

    Hi,
    Thanks for the login, on your production site the menu item has a different number #menu-item-1358 , so I adjusted, please clear your browser cache and check.

    Best regards,
    Mike

    Hi,
    To target “RECEIVE INSTANT EMAIL NOTIFICATIONS” only, try this css:

    #blog_subscription-4 > h3.widgettitle {
    	    font-size: 16px;
    }

    To target all of the widget titles in the sidebar, try this css:

    .sidebar1 .cufon_headings {
    	    font-size: 16px;
    }

    You can use any font adjustment in the rule, I used “font-size” as an example.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Unstick topbar on mobile #1230267

    Hi,
    Thanks for the feedback, and good catch, this looks fine. Unless there is anything else we can assist with on this issue, shall we close this then?

    Best regards,
    Mike

    in reply to: Unstick topbar on mobile #1229947

    Hi,
    Sorry for the late reply, since the header is sticky for mobile we will need to add padding to the top of the page to show the slider.
    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: 374px){
    .responsive #top #main {
        padding-top: 45% !important;
    }
    }
    @media only screen and (max-width: 430px) and (min-width: 375px){
    .responsive #top #main {
        padding-top: 34% !important;
    }
    }
    @media only screen and (max-width: 767px) and (min-width: 431px){
    .responsive #top #main {
        padding-top: 22% !important;
    }
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_header_top #top #main {
        padding-top: 16% !important;
    }
    }

    Please note that there is not one percentage we can use to make a fluid transition across all possible screen sizes, such as if you test by resizing your browser window, but if you test actual device sizes such as 320px, 425px & 768px with the developer tools you should find that this works well.

    Best regards,
    Mike

    in reply to: Menu bar incompatible with Google mobile indexing? #1229934

    Hi,
    Perhaps it will take a little time, we will keep this open.
    Yes, I do recommend the Advanced Layout Builder, if the test tool loaded all of the resources as the tool linked below does, then the page should pass the test.

    Best regards,
    Mike

    in reply to: Learndash Quiz Results Display Issue – 2.0 #1229926

    Hi,
    Thanks, the ftp worked, the wp login didn’t, but I still added the script above for the quiz and tested the test quiz and it seems to be working.
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Menu bar incompatible with Google mobile indexing? #1229840

    Hi,
    I linked to your robots.txt below for you to see, right now it reads:

    User-agent: *
    Disallow: /wp-admin/
    Allow: /wp-admin/admin-ajax.php

    So after adding the new lines it should look like this:

    User-agent: *
    Disallow: /wp-admin/
    Allow: /wp-admin/admin-ajax.php
    
    User-agent: Googlebot
    Allow: .js
    Allow: .css
    Allow: /wp-content/uploads/dynamic_avia/*.js
    Allow: /wp-content/uploads/dynamic_avia/*.css

    Here is an article about robots.txt
    You should place it in your domain root, typically this is the directory WordPress is installed in.
    After you add this try requesting that Google crawl it.

    Best regards,
    Mike

    Hi,
    Please try this css:

    #custom_html-3 #aswift_3 {
    	left: -60px !important;
    }

    Feel free to adjust to suit.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Alt text shows code #1229828

    Hey freeethinka,
    Sorry for the late reply, and thanks for the link. The alt title attributes are plain text and can not display HTML tags such as <strong> , but the problem with it being plain text is that when trying to adjust it you can’t remove just the HTML tags or a single word.
    But with this script the title is hidden on hover so the user doesn’t see it, and it is restored on mouse-out so the Googlebot will see it.
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
        $('a.av-masonry-entry').hover(function(e){
            $(this).attr('data-title', $(this).attr('title'));
            $(this).removeAttr('title');
        },
        function(e){
            $(this).attr('title', $(this).attr('data-title'));
        }); 
        $('.av-masonry-image-container').hover(function(e){
            $(this).attr('data-title', $(this).attr('title'));
            $(this).removeAttr('title');
        },
        function(e){
            $(this).attr('title', $(this).attr('data-title'));
        }); 
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Then clear your browser cache and check.

    Best regards,
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .sidebar1 > #custom_html-3 {
    	background: #F8F8F8 !important;
    	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0) !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0) !important;
    }

    Best regards,
    Mike

    Hi,
    Glad to hear this helped, for your next issue, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .sidebar1 > #custom_html-4 {
    	padding: 0 !important;
    }
    .sidebar1 > #custom_html-4 > .custom-html-widget {
    	height: 250px !important;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: DropDown arrow for sub menu fullwidth element #1229816

    Hi,
    Glad to hear this helped, for the account area, the dropdown does toggle and link for my Android phone, it has a screen resolution of 360×640 but I notice that the link in the button is narrow, so this css will make it bigger and perhaps you will be able to toggle the button with your iPhone.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #menu-item-350 > a {
    	height: 40px;
    }
    #menu-item-350 {
    	padding-bottom: 0px !important;
    }

    After applying the css, please clear your browser cache and check.

    I took another look at your post above before submitting my reply and perhaps you meant that the menu is not closing for you, but opening fine. In that case,
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_menu_toggle(){
      ?>
      <script>
    (function($){
    	var width = $(window).width()
      $(document).ready(function() {
      	if ((width <= 768)) {
          $("#menu-item-350").click(function() {
              $("ul.av-visible-mobile-sublist").toggle();
          });
      	} else {}
      });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_menu_toggle');

    Best regards,
    Mike

    in reply to: Menu bar incompatible with Google mobile indexing? #1229799

    Hey mfuji,
    Sorry for the late reply and thanks for the link. I ran a Mobile-Friendly Test and see that the image of the page in the test is without css. When you click “view details” it shows that 26 css files were not loaded with a status of “Other error”.
    I researched this and found other reports of this with other themes and the suggestion is to add this to your robots.txt

    User-Agent: Googlebot
    Allow: .js
    Allow: .css
    User-Agent: Googlebot
    Allow: /wp-content/uploads/dynamic_avia/*.js
    Allow: /wp-content/uploads/dynamic_avia/*.css

    I see that your robots.txt already has some statements and that should be enough, but please give this a try.

    Best regards,
    Mike

    Hey 40eleven,
    Sorry for the late reply, as I understand you would like your “Tickets” registration section in the event meta sidebar.
    The following script will do this, but the sidebar is too narrow for the element, so one way to increase the sidebar width is to increase the page max-width, this css will do this only on single event pages.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 990px) { 
    .responsive #top.tribe_events-template-default.single-tribe_events .container {
        max-width: 95% !important;
    }
    }

    Then add this code to the end of your functions.php file in Appearance > Editor:

    function custom_event_page_script(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
    $('.tribe_events.type-tribe_events').each(function() {
    $(this).find('#tribe-tickets').insertAfter( $(this).find('.tribe-events-event-meta.secondary') );
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_event_page_script');

    The ticket element may look low in the sidebar but that is because the map element is taking space, but it seems unused, if you are not going to use the maps I can move the ticket element up, or even put it at the top of your sidebar.
    After adding these please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Link tab sections in the menu – doesn't work fine #1229791

    Hi,
    Sorry for the late reply and thanks for the login, I tested your menu items for your portfolio tabs and they are working correctly, I can click on any tab link and scroll down to it and open that tab. Since your menu is a burger style it stays open so you can click each link and watch the tab open correctly.
    I tested with Chrome, Firefox, & Edge on Windows 10, and Safari & Chrome on a Mac.
    Are you still experiencing this?
    I do note that your page is locked up until your video downloads, do you have gzip compression enabled? Also, I see your file is an mp4, try converting it to WEBM and OGG and upload those files via FTP (not the media library) to the same folder as your mp4, web browsers typically check for these extensions before mp4 and it often helps speed up the video load.

    Best regards,
    Mike

Viewing 30 posts - 16,411 through 16,440 (of 35,023 total)