Hi,

We added this script to move the sales count under the ratings

function ava_custom_script_move_product_sales_count()
{
    ?>
    <script type="text/javascript">
        (function ($)
        {
            $(document).ready(function () {
                var salesCount = $('.product-sales-count');
                var productRating = $('.woocommerce-product-rating');

                salesCount.insertAfter(productRating);
            });
        })(jQuery);
    </script>
    <?php
}

add_action('wp_footer', 'ava_custom_script_move_product_sales_count', 9999);

And added this code in the Quick CSS field to adjust the style a bit.

.product-sales-count {
	font-size: 0.8em;
	margin-top: 0;
	top: -10px;
	position: relative;
}

Best regards,
Ismael

Hey Jak73,

Thank you for the inquiry.

The video is muted by default because browsers don’t allow videos to autoplay unless they are muted. Please check this article for more details: https://developer.chrome.com/blog/autoplay

Chrome’s autoplay policies are simple:

Muted autoplay is always allowed.
Autoplay with sound is allowed if:
The user has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
The user has added the site to their home screen on mobile or installed the PWA on desktop.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.

You may need to use the Video element if the video needs to include audio.

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

The logo is not clickable because the header is covering it. Please add this css code to adjust the width of the header container and move it to the right, away from the logo.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-logo-container {
    padding: 0;
    width: 100px;
    margin: 0;
    position: absolute;
    right: 50px;
  }
}

Best regards,
Ismael

Hey filmblau,

Thank you for the inquiry.

These are the recommendations by the insight tool:

There are a number of WordPress plugins that can help you inline critical assets or defer less important resources. Beware that optimizations provided by these plugins may break features of your theme or plugins, so you will likely need to make code changes.
WP Rocket
Enable Remove Unused CSS and Load JavaScript deferred in ‘WP Rocket’ to address this recommendation. These features will respectively optimize the CSS and JavaScript files so that they don’t block the rendering of your page.

Have you tried enabling the option in the WP Rocket plugin and installing a compression plugin such as Autoptimize? You can also enable the theme’s Enfold > Performance > File Compression settings and disable the compression option from the cache plugin. Let us know of the result.

Best regards,
Ismael

Hey ibuzaev,

Thank you for the inquiry.

Try selecting the second option (Show thumb and title by default), then add this css code to hide the thumbnail container.

#top .related_image_wrap {
    display: none !important;
}

Let us know if this works for you.

Best regards,
Ismael

Hey coredesignsupport,
Thank you for your patience, the blocks have a negative top margin so they show outside the color section with the ID “Service”
Try removing this ID and add it to one of the blocks.

Best regards,
Mike

Hey Uli,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.container_wrap {
    border-top-style: none;
}

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

Best regards,
Mike

Hey melanie308,

Thank you for the inquiry.

In a Text or Code Block elementy, you can add something like this:

<div style="overflow: hidden;">
  <img src="main-enfold.png" alt="Image" alt="Image" style="float: left; margin-right: 20px; max-width: 50%;">What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Where can I get some?
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

</div>

Make sure to update the image URL.

Best regards,
Ismael

Hey ballindigital,

Thank you for the inquiry.

Please refer to this thread for a possible solution: https://kriesi.at/support/topic/change-search-icon-to-search-field-only-for-expanded-menu/#post-1474245

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead:

#top .fullsize .template-blog .post_delimiter {
    border-bottom-width: 3px;
}

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

Best regards,
Mike

Hey Renaud,
If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add this code and save.

function custom_script() { ?>
  <script>
(function($){
  $('img').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'));
  }); 
  $('a').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', 99 );

Best regards,
Mike

Hey koksourcing,

Thank you for the inquiry.

You can adjust the position of the submenu with this css code:

#top .av-main-nav ul {
    margin-left: 0;
    left: -50px;
    position: absolute;
}

Best regards,
Ismael

Hey Antonio,

Thank you for the inquiry.

This is not possible because when the browser is resized, the height of the slider is recalculated based on the height of the image. If you want to disable the transition, you can add this css code, but the image will still move after resizing.

#top .avia-slideshow-inner {
    transition: none !important;
}

Best regards,
Ismael

Hey ibuzaev,

Thank you for the inquiry.

Yes, it’s safe to disable the thumbnails, but we don’t recommend it as they contribute to site speed optimization. If you still want to proceed, this thread should help: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1270140

Best regards,
Ismael

Hey vancestone,

Thank you for the inquiry.

It seems there is an issue with the padding. Please edit the element to adjust the padding values for mobile view, or add the following css code:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .flex_column.av-m4wep313-3e980d8dcd4f559ad7b43a97ffcbf586 {
    padding: 0;
  }
}

Please make sure to purge the cache and toggle the compression settings before testing.

Best regards,
Ismael

Hi,
It looks like you have this custom css:

.logo img {
    position: relative;
    top: 20px;
}

change to this:

@media only screen and (min-width: 768px) { 
	.logo img {
    position: relative;
    top: 20px;
}
}

Then clear your browser cache and check.

Best regards,
Mike

Hey ballindigital,
To move topbar below the header I added this script to your Snippets plugin.

function custom_script() { ?>
  <script>
(function($) {
  function a() {
    $('#header_meta').detach().insertAfter('#header_main');
  }
  a();
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

please clear your browser cache and check.

Best regards,
Mike