Hi Alan,

Please add this CSS code above the last code I gave:

@media only screen and (max-width:1250px) {
  .responsive #top .av-main-nav #menu-item-search {
    display: block;
  }
}

Best regards,
Nikko

Hi steveorrmedia,

I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Alan,

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

@media only screen and (max-width:767px) {
  .responsive #top .av-main-nav #menu-item-search {
    display: none;
  }
}

Hope it helps.

Best regards,
Nikko

Hi peterolle,

Thanks for sharing your solution :)
And also thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi ivanglaser,

Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi peterolle,

As far as I know there’s nothing in the Enfold update that does that, you can check our changelog: https://kriesi.at/documentation/enfold/changelog/
I think an image optimization plugin is adding that -scaled.jpg like imagify.

Best regards,
Nikko

Hi Sally,

Thanks for giving us a link to the page, please add this CSS code in Enfold > General Styling > Quick CSS:

#top .avia-product-slider-container .product .price {
    display: none;
}

Best regards,
Nikko

Hi Cloud Construct,

We are checking on your staging site, but no clear solution at the moment.
We will update you again once we can figure out the cause of the issue.

Best regards,
Nikko

Hi MacKenzie,

Changing quantities is hidden in the cart on Enfold by default, but you can add it back by adding this CSS code:

@media only screen and (max-width:767px) {
    #top .woocommerce-cart-form .shop_table.cart .cart_item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item td:before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }
    
    #top .woocommerce-cart-form thead,
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove:before {
        display: none;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-remove, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity {
        display: block;
        width: 100%;
        padding: 12px 20px;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-price, 
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity {
        text-align: right;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name {
        max-width: 220px;
        margin-left: auto;
        padding-left: 0;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-name .component-name * {
        float: right;
    }
    
    #top .woocommerce-cart-form .shop_table.cart .cart_item .product-quantity .quantity {
        width: 170px;
        margin-right: 0;
    }
}

Hope it helps.

Best regards,
Nikko

Hi,

Please do the following:
1. right-click over the themeforest-OjxFUk9U-enfold-responsive-multipurpose-theme-wordpress-theme zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
Use enfold.zip when you add the theme in WordPress.

Best regards,
Nikko

Hi Stefan,

Yes, I think that’s the case :)
I’m glad it’s sorted out now.
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko

Hi xxtita,

Thanks for sharing the code.
For further information you can check our documentation: https://kriesi.at/documentation/enfold/google-analytics/

Best regards,
Nikko

Hi Schmidtgrafisk,

I’m glad that Rikard could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi Alan,

I think you can use Element Visibility for that.
Basically you will have to use two different images, one for mobile and one for everything else.
On your existing image, edit it and go to Advanced > Responsive > Element Visibility and check Hide on very small screens.
Then on the image for mobile edit the image and go again to Advanced > Responsive > Element Visibility and check all except Hide on very small screens.
Hope this helps.

Best regards,
Nikko

Hi woogie07,

I can see this custom css which is causing the issue on the homepage, please remove this CSS code:

.home #main #av_section_1 .av-section-cont-open {
    padding: 0;
    max-width: 100%;
}

Hope it helps.

Best regards,
Nikko