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

Hi,

Thank you for the update.

Have you considered using the Portfolio Grid or the Masonry element? It allows you to display the title and excerpt below the featured image. The only downside is that you have to create a Portfolio or Post item for each entry.

Best regards,
Ismael

Hi,

No problem! Glad we could be of help. Please feel free to open another thread when you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

We can now reproduce the issue, but we are not yet sure what is causing it. It seems like the browser automatically adds the HTML tags after translation. And when you perform the translation while the text is rotating, it also leaves the rotated text in the element and makes it static, duplicating the text. Unfortunately, we can’t control the behavior of the browser translator, so we may not be able to assist you further.

Best regards,
Ismael

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

Hey teotaban,

Thank you for the inquiry.

The following css code should hide the footer and socket on mobile view.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #footer,
  #socket {
    padding: 15px 0 30px 0;
    z-index: 1;
    display: none;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hi,

No problem! Glad to know that the solution worked for you. If you have any more questions, feel free to let us know.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

Did you enable the .htpassword? We can’t access the site because it is requiring another authentication. Please provide the info in the private field and try to add the filter again in the functions.php file.

add_filter('avf_masonry_query_no_entries_fallback', function($fallback) {
    return false;
}, 10, 1);

Best regards,
Ismael

Hi,

Thank you for the update.

The screenshot above is not accessible. Please try to use Savvyify, Imgur or Dropbox to upload and share the screenshot.

Did you add this css code somewhere?

.container {
    max-width: 1010px;
}

Please try to override it with this css code.

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

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

  /* Add your Desktop Styles here */
  #footer .container {
    max-width: 1360px;
  }
}

Or try to adjust the Maximum Container Width value in the Enfold > General Layout > Dimensions tab.

Best regards,
Ismael

Hey Christof_Deinhard,

Thank you for the inquiry.

Where can we check the issue? Please provide the link in the private field. In the demo, you might have noticed that the images in the slider have the exact same size. That’s why the height of the slider remains consistent when transitioning to the next item. Did you use images with different size and aspect ratio?

Best regards,
Ismael

Hi,

Thank you for the update.

Is there a staging version of the site? Also, where can we find check the element with the fold/unfold option? We couldn’t find any on the page above. Please provide the link to the staging site and post the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

would it be possible to stretch the width of the news-ticker (NÄCHSTE EVENTS)

Yes, that should be possible. Please add this code in the Quick CSS field.

.home #av_section_1 .container.av-section-cont-open {
    padding: 0;
}

.home #av_section_1 .container.av-section-cont-open .ticker-news {
    margin: 0;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Looks like you’re using a plugin to display products on the shop page. And it seems to strip all html tags from the product description, causing the text not to move to the second line. Could you share the name of the plugin? To shift the description to the next line, give this css code a try.

.<a href="https://refer.wordpress.com/r/84/woocommerce/" target="_blank" rel="nofollow">woocommerce</a>-product-details__short-description {
    width: 82%;
}

Best regards,
Ismael

Hi,

Glad to know that this has been resolved. Please do not hesitate to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

Do you also have the Enfold > Performance > File Compression settings enabled? You might need to disable these settings when the cache plugin’s CSS/JS optimization options are turned on. We didn’t find any element with the fold/unfold option when we checked the page above, but it looks like you have found an alternative.

Best regards,
Ismael