Hey mbauercag,

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

@media only screen and (min-width: 990px) {

  .single-product-main-image {
      width: 55%; 
  }
  .single-product div.product .woocommerce-product-gallery .flex-viewport {
      margin-bottom: 20px;
      width: 70%;
      min-height: 312px;
  }
  .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
      float: right;
      position: relative;
      top: -484px;
  }
  .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
      width: 100%;
      float: right;
      display: block;
      margin-right: 0;
      clear: right;
  }

}

If you need further assistance please let us know.

Best regards,
Victoria

Hey Misantaller,

Best regards,
Victoria

Hi bakbek,

Please disable the If Menu plugin and see if the issue persisits.

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

Hi dmiklus,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Victoria

Hey Byrne,

Do you want to remove this margin?

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

.sort_width_container {
  margin: 10px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi jb84,

Here is a thread for you to consider
https://kriesi.at/support/topic/problem-with-the-add-to-cart-item-counter-in-woocommerce-for-variable-products/

Best regards,
Victoria

Hi ronaldalexander,

Do you mean something like this?

@media only screen and (min-width:1024px){
    #js_sort_items .text-sep {
        display: none;
    }
    #js_sort_items a {
        padding: 10px;
        width: 16%;
        text-align: center;
    }
    .main_color #js_sort_items a.active_sort {
        background-color: #666;
        color: #fff;
        border: 4px solid #666;
    }
    .main_color #js_sort_items a.active_sort:hover {
        color: #ccc;
    }
}

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

Hi endiio,

How did you get it working on that other slider?

Best regards,
Victoria

Hey jurgen1979,

Best regards,
Victoria

Hi JasperDriessen,

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

Hey antoniasondermann,

Here are some threads to consider:

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

Hi kellyCraftMedia,

You can play with the values and work out the ones that work for you.

@media only screen and (max-width:1024px){
     .avia_transform #av_section_1 .avia_start_delayed_animation.av_font_icon {
        width: 50px;  <------- This one will increase space between icons
        float: left;
    }

    #av_section_1 .avia_textblock  p  {
      padding-left: 37vw; <---- this will adjsut padding for you from the left
    } 
}

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

Hi loyalzoo,

I am seeing the image. Could you please clear the cache, check again and get back to us.

Best regards,
Victoria

Hi yifatcohen,

Glad you got it working for you! :)

If you need further assistance please let us know.

Best regards,
Victoria

Hi Marie,

Thank you for the screenshots.

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

@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding.avia-builder-el-5 {
         background-size: contain !important;
         min-height: 215px !important;
    }
}

@media only screen and (min-width: 1440px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding.avia-builder-el-5 {
         background-size: cover !important;
    }

    #top .flex_column.av_one_full.avia-builder-el-9,
    #top .flex_column.av_one_full.avia-builder-el-11 {
         background-size: cover !important;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria