Hi,
Merci pour le lien vers votre site, pour faire coller votre section couleur “barre de menu” sous le header on scroll j’ai ajouté le script et css suivant à votre thème enfant, et dans mes tests la “barre de menu” avec la classe personnalisée” collant” se collerait dès qu’il toucherait l’en-tête. Pour les mobiles, sous 990px, puisque l’en-tête n’est pas collant, ce script ferait coller la “barre de menu” en haut de l’écran. Cela a bien fonctionné dans mon test en injectant le code via le navigateur.
Mais lorsque j’ai ajouté ceci dans votre thème enfant, la hauteur du défilement n’est pas correcte, il ne colle donc pas jusqu’à un défilement beaucoup plus loin, peut-être que cela a à voir avec votre mise en cache, alors laissez-le en place, veuillez essayer d’effacer ou de désactiver votre cache et vérifiez la page.

— Translated with Google —

Thank you for the link to your site, to make your color section “menu bar” stick under the header on scroll I added the following script and css to your child theme, and in my tests the “menu bar” with the custom class “collant” would stick as soon as it touched the header. For mobile, under 990px, since the header is not sticky this script would make the “menu bar” stick at the top of the screen. This worked well in my test by injecting the code via the browser.
But when I added this into your child theme the height of the scroll is not correct so it doesn’t stick until a much further scroll, perhaps this has to do with your caching so left it in place, please try clearing or disabling your cache and check the page.

this function in your child theme functions.php

function custom_collant_script() { ?>
    <script>
(function($){
  $(function() {       
     var scroll_start = 0;
     var startchange = $('.avia-section.collant');
     var offset = startchange.offset();
     var width = $(window).width()
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if ((width >= 990)) {
        if(scroll_start > offset.top - 117) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top');
         }
        }
        if ((width < 989)) {
        if(scroll_start > offset.top) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top-mobile');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top-mobile');
         }	
        }
     });
      }
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_collant_script');

and this css

.sticky-top {
    position:fixed!important;
    top:117px!important;
    z-index:600!important;
}
.sticky-top-mobile {
    position:fixed!important;
    top:0!important;
    z-index:600!important;
}

Best regards,
Mike

Hey Ramon,
Thanks for your question, please try this script in your child theme functions.php

function custom_replace_url_script() { ?>
    <script>
function replace_url(elem, attr) {
  var elems = document.getElementsByTagName(elem);
  for (var i = 0; i < elems.length; i++)
      elems[i][attr] = elems[i][attr].replace(/(http|https):\/\/.*\.?fonts\.?.*/i, '');
}

window.onload = function() {
  replace_url('link', 'href');
}
</script>
    <?php
}
add_action('wp_footer', 'custom_replace_url_script');

this will search link tags for a url with the fonts sub-domain and remove the whole url, such as the https://fonts.googleapis.com/css?family=Open+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i that your layerslider is loading.
this works for fonts.googleapis.com, but the fonts.gstatic.com is loading somewhere other than your header, so try adding a .htaccess block for this domain so your page won’t load it.

# Order Allow, Deny
Deny from fonts.googleapis.com
Deny from fonts.gstatic.com

Best regards,
Mike

Hey Yaphoon,
Please note the warning message on your dashboard, The minimum recommended version of PHP is 7.4.

Please try updating your PHP version.

Best regards,
Mike

Hi,

Glad to know that the suggestions above are working. Regarding the image orientation, you can modify this code in the enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php file around line 605, but we are not sure how this would affect other masonry layouts.

	if( $size == 'fixed' )
				{
					if( ! empty( $attachment ) || ! empty( $before_content ) )
					{
						if( $auto )
						{
							$class_string .= $this->ratio_check_by_image_size( $attachment );
						}

						if( $manually )
						{
							$class_string .= $this->ratio_check_by_tag( $entry['tags'] );
						}
					}
				}

You can remove the condition $size == ‘fixed’ completely or just replace it with true.

if( true ) {
  // rest of the code
}

Best regards,
Ismael

Hey tremblayly,

Thank you for the inquiry.

Is it working correctly when you remove this code from the themes/enfold/config-woocommerce/config.php file?

line 367:

remove_action( 'woocommerce_pagination', 'woocommerce_catalog_ordering', 20 );
remove_action( 'woocommerce_pagination', 'woocommerce_pagination', 10 );

line 388:

remove_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 ); //remove woo pagination

This should re-enable the default Woocommerce pagination in the product shortcode.

Best regards,
Ismael

Hey Christian,

Thank you for the inquiry.

What is the specifications of your server? The dashboard loads perfectly fine on our own installation running on Nginx 1.19.0, MySQL 8.0.25 and PHP 8.0.12, memory limit is set to 256M. Unfortunately, we will not be able to check and debug the issue if we don’t have direct access to the site.

Best regards,
Ismael

Hey josk-design,
Thank you for your question, for your mobile logo please try this css:

@media only screen and (max-width: 767px) {
.responsive #header_main .logo img, .responsive #header_main .logo svg {
    margin-top: 40px;
}
}

As for your anchor links #ueber_mich and #contact you have two sections for each of these IDs so the browser wants to go to the first one but it has the display none applied. You cannot have more than one element with the same id in an HTML document.
You actually have #ueber_mich as an ID three times on your page. Anyways this would cause an issue because there is not an easy way to change your menu anchor links based on the screen size, but I came up with a script that will change the section IDs if the html class avia_mobile is present on the burger menu click. This way the mobile menu items will work, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_duplicate_hidden_ids_on_mobile() { ?>
    <script>
(function($){ 
$('.avia_mobile').on('click', '.av-burger-menu-main', function() {
  var ueberMich = $('#ueber_mich.av-small-hide');
  var ueberMichtwo = $('#ueber_mich.av_two_third');
  var contact = $('#contact.av-small-hide');
  $('#main').find( ueberMich ).prop('id', 'new_ueber_mich');
  $('#main').find( ueberMichtwo ).prop('id', 'new_ueber_mich_two');
  $('#main').find( contact ).prop('id', 'new_contact');
});
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'change_duplicate_hidden_ids_on_mobile');

Best regard
Mike

Hi,
Thank you for the link to your site, to move the cart to the topbar Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
  $( ".cart_dropdown" ).appendTo( "#header_meta .container" );
  $( ".cart_dropdown_link" ).css({'line-height':'unset'});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

the expected result for desktop is:

and for mobile is:

to hide the search icon for mobile try this code in the General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	#header_main #menu-item-search {
		opacity: 0;
	}
}

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

Best regards,
Mike

Hi,

@Guenni007

For the gallery if you look into gallery.php for the filter:

$lightbox_img_size = apply_filters( 'avf_alb_lightbox_image_size', 'large', $this->config['shortcode'], $atts, $content );

it is

$this->config['shortcode'] = 'av_gallery'

This rule should follow in other shortcodes also.

Best regards,
Günter

Hey Dare_Care,
Thanks for your question, in the testimonial items if you add a website url in the advanced tab:

and add this script to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_testimonial_link_script() { ?>
    <script>
(function($) {
  $(".avia-testimonial").click(function(){
      window.location = $(this).find("a.avia-testimonial-link").attr("href");
      return false;
  });
  $(".avia-testimonial").mouseover(function(){
      $(this).css("cursor", "pointer");
  });
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_testimonial_link_script');

then each testimonial element will have the link and show a pointer on mouse-over

Best regards,
Mike

Hey lauterkeit,
Thank you for the link to your site and the screenshot, to move the date and make it black, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function move_masonry_date() { ?>
    <script>
(function($){
  $( 'a.av-masonry-entry' ).each(function() {
  $( this ).find( '.av-masonry-date' ).css({ 'color': '#000'}).insertBefore( $(this).find('.av-masonry-entry-content'));
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'move_masonry_date');

the expected results

Best regards,
Mike

Hey andreane1,
Thanks for your question, the Enfold 2017 demo includes a layerslider, so it seems that an error occurred with your install, but this is easy to fix by importing the layerslider demo zip file in the Private Content area into the layerslider import option.

If you get an error then this would post to your web server not having the PHP ZipArchive Extension installed, which allows your web server to handle zip files.
You can check if the PHP ZipArchive Extension is installed by going to the layerslider dashboard and clicking the three dots in the upper right corner and click the System Status

then look under the Server Settings to see if PHP ZipArchive Extension is enabled.

Best regards,
Mike

Hi,
Thanks for the login, but your theme editor option seems to be disabled, please enable it

or try adding this code to your child theme functions.php, I tested this on my test site without any issues

function alwin_clicky_analytics_footer(){
?>
<script src="//static.getclicky.com/101348066.js"></script>
<?php
}
add_action('wp_footer', 'alwin_clicky_analytics_footer');

Typically if you get a critical site error when adding code to the functions.php it is because the quotes have changed into curly quotes from copying the code from an email and not from the forum.

Best regards,
Mike

Hi Kate,

Could you try updating the theme to the latest version (4.9.2.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. I would recommend that you update your PHP version to 7.4 or higher as well.

Best regards,
Rikard

Hi,

Thanks for the update. The header looks to get pushed down by the notices, you can adjust that temporarily using this in Quick CSS if you like:

#wrap_all {
    margin-top: -139px;
}

About the PHP version; I’m not familiar with your hosting provider, but PHP 7.4 is the minimum recommend version to run WordPress on. So if they can’t offer anything higher, it might be a good idea to look for another provider.

Best regards,
Rikard