Hey Krissie,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

Hi Steven,

You can do it like this:

div .av_one_fourth {margin-left: 1%;width: 24.5%;}
div .av_one_half {margin-left: 1%;width: 49%;}

Put this css in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css or in child theme, if you use one.
If you need further assistance please let us know.
Best regards,
Victoria

Hi cbentley65,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

Best regards,
Victoria

Hi zweiw,

Are you using Layer Slider? If not, you can deactivate it. Here is how to do it. If you are using it, please be patient. There has been a new version of Layer Slider release and our developers are working on having it in the new version of Enfold.

If you need further assistance please let us know.
Best regards,
Victoria

Hi Joaquim,

Well, you can do it via css, if no other way worked. Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.av-language-switch-item {
  display: none;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi MIMMT,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

Hey Briana,

Here is the code you can put in functions.php in child theme:

add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
    var lastScrollTop = 0;
    var target = $(".container.av-logo-container");

    $(window).on('scroll', function() {
        st = $(this).scrollTop();

        if(st < lastScrollTop) { 
            if (st <=  2) {
            	target.css("background-color", "rgba(255, 255, 255, 0.5)");
            }

        }
        else {
            target.css("background-color", "#fff");

        }
        lastScrollTop = st;
    });
})(jQuery);
</script>
<?php
}

Also you might want to pay attention to the header on mobile, the logo seems to be too big.
If you need further assistance please let us know.
Best regards,
Victoria

Hi William,

Even if we help you to fix the height of the slider, it still does not look that good. You might want to consider an alternative solution. Image remains there, and stays that small size, the title, subtitle and buttons move below, no animation, small image, much cleaner and much faster layout. Hide the slider on mobile and show such a prebuilt section. Let us know what you think.

If you need further assistance please let us know.
Best regards,
Victoria

Hey mcraig77,

There is a setting in Tab Section element – “Initial open”, normally set to 1, it rules the order.

If this does not help, can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

Best regards,
Victoria

Hi Ganubis,

You might want to ask this question at WooCommerce support forum.

If you need further assistance please let us know.

Best regards,
Victoria

Hey Jan,

I checked both pages I see slider, products and posts in a grid. Where is the masonry supposed to be?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look, if you still need our help.

Best regards,
Victoria

Hi mdecker84,

You have to add more styles to make you image shrink with the header.
Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

Hi jacopocabianca,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.post-entry.post-entry-type-page.post-entry-21 .template-blog .blog-meta {
    float: left;
    margin-right: 50px;
    width: 40%;
}

.post-entry.post-entry-type-page.post-entry-21 .main_color .small-preview {
     width: 100%;
    height: 100%;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi charlotteraboff,

There is probably some extra margin in between, or the settings element is fullwidth and has margins also, I am not able to reproduce it in any browser.

Here is the code you can use, but there are also styles that are loaded with that iframe that give extra padding to the settings element.

@media only screen and (max-width: 767px) {
    .av-special-heading.av-special-heading-h3.blockquote.modern-quote {
        padding-bottom: 0px !important;
    }

    .post-entry.post-entry-type-page.post-entry-1938 .avia_textblock p {
        margin-top: 0;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi xxtita,

You have to add excerpts to your posts, then they might show instead of the whole post. Also here is how you can make custom template for category.

Here are a few useful links for our forum:
https://kriesi.at/support/topic/category-archive-page-change-layout-to-show-excerpt/
https://kriesi.at/support/topic/category-page-and-layout-builder/

If you need further assistance please let us know.
Best regards,
Victoria