Hi SHR Design,

I see, Enfold should be working just fine on 256M memory, however, I would still point to these issues here: https://kriesi.at/support/topic/e_error-in-enfold-functions-file-as-well-as-in-other-files/#post-1425305

Also, these errors are all CRITICAL Uncaught Error: Failed opening required pointing that files are missing which you can easily verify if it’s there or not by following the directory and checking if the file is there.

Best regards,
Nikko

Hi keifygeorge,

Please try to add this in Enfold > General Styling > Quick CSS:

#top #header_main .dropdown_widget_cart .woocommerce-mini-cart__buttons {
    background-color: black;
    border-top: 1px solid white;
}

Hope it helps.

Best regards,
Nikko

Hi Barbara,

Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

#top.blog #main .sidebar {
    display: none;
}

#top.blog #main main.content {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

Hope it helps.

Best regards,
Nikko

Hi navindesigns,

The 3rd item will not be visible on the screen if forced to 3, I’ll give two solutions then you can choose whichever you prefer:
Please replace this code in your Quick CSS:

@media only screen and (max-width: 767px) {
    .responsive #top.home #wrap_all #av_section_5 .av-equal-height-column-flextable {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 20px
    }

    .responsive #top.home #wrap_all #av_section_5 .av-equal-height-column-flextable .av-flex-placeholder {
        display: none
    }
}

For 3 columns, replace it with:

@media only screen and (max-width: 767px) {
    .responsive #top.home #wrap_all #av_section_5 .av-equal-height-column-flextable {
        display:grid;
        grid-template-columns: repeat(3,1fr);
        grid-column-gap: 20px
    }

    .responsive #top.home #wrap_all #av_section_5 .av-equal-height-column-flextable .av-flex-placeholder {
        display: none
    }
}

For 1 column, please replace it with:

@media only screen and (max-width: 767px) {
    .responsive #top.home #wrap_all #av_section_5 .av-equal-height-column-flextable {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        margin-top: 0;
    }

    .responsive #top.home #wrap_all #av_section_5 .av-equal-height-column-flextable .av-flex-placeholder {
        display: none
    }

    .responsive #top.home #wrap_all #av_section_5 h1 {
        margin-bottom: 30px;
    }
}

Hope it helps.

Best regards,
Nikko

Hi Empatica,

Please check Ismael’s answer on https://kriesi.at/support/topic/contact-form-submit-button-hook/ then you can combine it with is_page: https://developer.wordpress.org/reference/functions/is_page/ to check whether the page is coming from homepage or contact page.
Hope it helps.

Best regards,
Nikko

Hi Yaphoon,

I have added the following in Enfold > General Styling > Quick CSS:
To remove the words uncategorized

#top #main .avia-content-slider .minor-meta {
    display: none;
}

To change the font size (Just change the value as you see fit)

#top #main .avia-content-slider .slide-entry-title {
    font-size: 16px;
}

As for the last one, since you are using the Advanced Layout Builder, you need to add it manually via Text Block, or you can add this in your child theme’s functions.php:

function post_published_date(){
    return get_the_date();
}

add_shortcode( 'post_published', 'post_published_date' );

Then add a Text Block and put this shortcode inside it:

[post_published]

Then it should automatically post the published date of the current post.
Hope it helps.

Best regards,
Nikko

Hi Christian,

I think the layout is hard to really hard to fix because there are basically 2 layouts, image sizes varies from small and very tall images, and the varying length of the titles.
The complexity might be solved with some javascript but I’m not an expert on that, so I can only give you some CSS codes to try to help make it look better, please try to remove

.product .av-product-class-minimal {
height: 470px;
min-height: 470px !important;
}

and replace it with:

@media only screen and (max-width:767px) {
  #top ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  #top ul.products .product {
    clear: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    float: none;
    margin: 0;
    width: 100%;
  }

  #top ul.products .product-category a {
    display: block;
    position: static !important;
  }

  #top ul.products .product-category a .woocommerce-loop-category__title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  #top ul.products .type-product .thumbnail_container {
    min-height: 270px;
  }

  #top ul.products .type-product .thumbnail_container img {
    max-height: 240px;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
  }
}

Best regards,
Nikko

Hi Matt,

You’re welcome :)
Please try to add this CSS code as well:

#top #header.av_header_transparency .av-hamburger.is-active .av-hamburger-inner, 
#top #header.av_header_transparency .av-hamburger.is-active .av-hamburger-inner:after, 
#top #header.av_header_transparency .av-hamburger.is-active .av-hamburger-inner:before {
    background-color: black;
}

Best regards,
Nikko