Hi,

But there is still problems when I enable file compression for Javascript.

It’s possible that the default Javascript compression is not compatible with the plugins or custom scripts. You may need to look for a different compression plugin such as Autoptimize or use compression settings included in your cache plugin.

Best regards,
Ismael

Hi,

Thank you for the clarification.

To adjust the breakpoint of the element visibility settings, please try to add this css code.

@media only screen and (min-width: 990px) {

    .responsive.av-no-preview #top #wrap_all .av-desktop-hide,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {

    .responsive.av-no-preview #top #wrap_all .av-medium-hide,
    .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: block;
    }
}

@media only screen and (min-width: 1366px) {

    .responsive.av-no-preview #top #wrap_all .av-desktop-hide,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {

    .responsive.av-no-preview #top #wrap_all .av-medium-hide,
    .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: none;
    }
}

Best regards,
Ismael

Hi,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .caption_framed .slideshow_caption .avia-caption-content p, 
#top .caption_framed .slideshow_caption .avia-caption-title {
    background: green;
}

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

Best regards,
Mike

Hi,
I’m not sure that I understand your question, but since you seem to be asking about &shy please see this solution
If this doesn’t help, then please explain further and explain how we can reproduce the issue with an example of the expected result, perhaps a screenshot would help.

Best regards,
Mike

Hi,

Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey sky19er,

Thank you for the inquiry.

You can include this script in the functions.php file to dynamically switch to a different logo on browser resize. Please ensure to replace the placeholder with the actual URL of the logo image, one for mobile and another for desktop view.

// switch logo on resize
function ava_custom_script_mod()
{
    ?>
    <script type="text/javascript">
        (function($) {
            function switchLogoImage() {
                var logo = $('.logo a img');
                var windowWidth = $(window).width();

               if(windowWidth < 1024)
               {
                   logo.attr('src', 'MOBILE LOGO IMAGE URL HERE');
               } else {
                   logo.attr('src', 'DESKTOP LOGO IMAGE URL HERE');
               }
            }

            $(window).on('debouncedresize', function() {
                switchLogoImage();
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_mod', 9999 );

Best regards,
Ismael

Hi,
Thanks for the feedback, I see that in your first post you said the API failed, Envato stoped using the API a few years ago, so if you have an old theme that asks for a API you can only manually update. You can see from the response you posted above Envato says your token is invalid.
So you will need to follow the instructions and create a new valid token, or can try using the Envato market plugin and check your token there.
You can not enter a new token into a old theme that asks for a API, to update a old version of Enfold you will need to download the latest installable WP 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,
Mike

Hi,

Thank you for the screenshots.

3.) We adjusted the script a bit to hide the initial logo on scroll and prevent it from reverting back while the burger overlay is active.

// https://kriesi.at/support/topic/shrinking-side-bar-menu/#post-1426577

4.) You can adjust the padding with this css code.

@media only screen and (min-width: 989px) {

  /* Add your Desktop Styles here */
  #top #av-burger-menu-ul {
    padding: 100px 0 !important;
  }
}

Best regards,
Ismael

Hey David Wiener,
Please see the big blue button at the top of the forum, when you are logged in:

or you can use this link to create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi Wolfgang,

The update to 5.6.8 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.

If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the update.

1.) To add an alternate logo on scroll, please update the script with the following code.

function custom_shrinking_sidebar_menu_script() { ?>
    <script>
  (function($) {
    $(document).ready(function () {
        if (window.innerWidth > 989) {
            var html = $('html');
            var header = $('#header');
            var main = $('#main');
            var logo = $('.logo a'); 
            var logo_alt = $('<img src="IMAGE_URL_HERE" class="av-logo-on-scroll" height="100" width="300" alt="Griegos Farms" title="">').appendTo(logo).hide();
            var burger = $('.html_header_sidebar #top div .av-burger-menu-main');
            var burger_icon = burger.find('.av-hamburger');
            var footer = $('.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container');
            var menu = $('.responsive.html_header_sidebar #header .av-main-nav > li').not('.av-burger-menu-main, .av-active-burger-item');
  
            $(window).scroll(function () {
              if ($(this).scrollTop() > 200) {
                burger.show();
                menu.hide();
                logo_alt.show();
                logo.hide();
                header.css({'width': '120px', 'transition': 'all 1s ease'});
                main.css({'margin-left': '120px', 'transition': 'all 1s ease'});
                footer.css({ 'width': 'calc(100% - 120px)', 'margin-left': '121px'  });
              } else {
                if(burger_icon.hasClass('is-active') == false)
                {
                    menu.show();
                    burger.hide();
                    logo_alt.hide();
                    logo.show();
                    html.css('overflow', 'auto');
                    header.css({'width': '300px', 'transition': 'all 1s ease'});
                    main.css({'margin-left': '300px', 'transition': 'all 1s ease'});
                    footer.css({ 'width': 'calc(100% - 300px)', 'margin-left': '301px'  });
                }
              }
            });
        } 
      });
  })(jQuery);
  </script>
    <?php
  }
  add_action('wp_footer', 'custom_shrinking_sidebar_menu_script', 99);

Make sure to update the logo or image URL in this line.

var logo_alt = $('<img src="IMAGE_URL_HERE" class="av-logo-on-scroll" height="100" width="300" alt="Griegos Farms" title="">').appendTo(logo).hide();

2.) To center align the burger menu, please add this css code.

@media only screen and (min-width: 989px) {

  /* Add your Desktop Styles here */
  #top .av-burger-menu-main.menu-item-avia-special a {
    text-align: center;
  }
}

2.5) :D

Best regards,
Ismael

Hi,
Please try wrapping Guenni007 code in a function if you are adding it to your child theme functions.php like this:

function custom_shrinking_sidebar_menu_script() { ?>
  <script>
(function($) {
  $(document).ready(function () {
      if (window.innerWidth > 989) {
          var header = $('#header');
          var main = $('#main');
          var burger = $('.html_header_sidebar #top div .av-burger-menu-main');
          var footer = $('.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container');
          var menu = $('.responsive.html_header_sidebar #header .av-main-nav > li').not('.av-burger-menu-main, .av-active-burger-item');

          $(window).scroll(function () {
            if ($(this).scrollTop() > 200) {
              burger.show();
              menu.hide();
              header.css({'width': '120px', 'transition': 'all 1s ease'});
              main.css({'margin-left': '120px', 'transition': 'all 1s ease'});
              footer.css({ 'width': 'calc(100% - 120px)', 'margin-left': '121px'  });
            } else {
              menu.show();
              burger.hide();
              header.css({'width': '300px', 'transition': 'all 1s ease'});
              main.css({'margin-left': '300px', 'transition': 'all 1s ease'});
              footer.css({ 'width': 'calc(100% - 300px)', 'margin-left': '301px'  });
            }
          });
      } 
    });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_shrinking_sidebar_menu_script', 99);

In my test this is working, thanks for sharing Guenni007!

Best regards,
Mike