Hi,

You could try something like this in Quick CSS:

.avia-accordion {
  max-height: 1200px;
  height: 1200px;
}

Note that it might stretch the images.

Best regards,
Rikard

Hi,

Thank you for the inquiry.

Did you toggle the visibility of the image elements using Advanced > Responsive > Element Visibility settings? If you need to exclude the image from the lightbox, you may need to create a duplicate of the entire section — one for desktop and another for smaller screens.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, you can enable the Content > Toggles > Use as FAQ Page (SEO improvement) option for the Accordion element to automatically add the FAQ Page schema. Please check this screenshot for reference.

Let us know if you need more info.

Best regards,
Ismael

Hey Johannes,

Thank you for the inquiry.

You have to edit the cells with the background image, go to Advanced > Developer Settings, and apply the Custom CSS Class name “av-cell-with-image”. After that, add the following css in the Enfold > General Styling > Quick CSS field code to set a minimum height for the cell, which will also enlarge the image.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-flex-cells .av-cell-with-image {
    min-height: 300px;
  }
}

Please check this link for more info on adding custom css class names to builder elements.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The white background is from the image overlay — adding this css code should remove it.

.avia_transform a .image-overlay {
    background-color: transparent;
}

Best regards,
Ismael

Hi,
Thank you for your patience, unfortunately you would not be able to have a hybrid approach. If you check the test page in the thread that you linked to, the images to not change when an option is selected. If you use the built-in native WooCommerce variation images instead, this should work, but you could not customize the rest of the product page.
If you only have one dropdown option, with the same number of images, like your “Column Radiators Raw Steel III Horizontal” then I have a working script, but it sounds like this won’t help you with all products, so you should try using the default native WooCommerce variation images instead.

Best regards,
Mike

Hey ThorstenFB,

Thank you for the inquiry.

The gallery seems to be responsive when we checked it on smaller screens (see private field).

Would you mind providing a screenshot of the issue? You can use platforms like FreeImage, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

For the product page, try to add the solution provided in this thread: https://kriesi.at/support/topic/enfold-sidebar-on-single-product-pages/#post-1162484

And for the home page, make sure to adjust Layout > Sidebar Settings.

Let us know the result.

Best regards,
Ismael

Hey blaircomm1,

Thank you for the inquiry.

Try adding this css code to move the social icons to the very bottom of the left sidebar/header.

.html_header_sidebar #header .container .inner-container {
    height: 100vh;
}

.html_header_sidebar #header .av-sidebar-social-container {
    position: absolute;
    clear: both;
    overflow: hidden;
    bottom: 34px;
}

Best regards,
Ismael

Hi,

Thanks for the update. I’ve imported the content for the top level pages for you, please review your site. Please note that the theme settings and images are not included. Let us know if you should need anything more from the demo.

Best regards,
Rikard

Hi,
Thanks for the demos, I have a working script for the first product “Column Radiators Raw Steel III Horizontal” that contains only one dropdown options box. But your second page that has two dropdowns for color & size is not working because you don’t have enough  images for each possibility, your only image are for “Brushed Bronze” and none for “Polished Stainless Steel”.
I’m not sure if this will work as the script may work better with one dropdown option per page. Can you have a different  page for each? The slides only have the classes “slide-3”, etc not the variation that you may achive using the WooCommerce variation images built into WooCommerce instead of using the Enfold slider that is not built for this.

Best regards,
Mike

Hi,

You can upload images to a service like Dropbox, Google Drive, Imgur or Snipboard to name a few. You can then link to the image in your reply.

Best regards,
Rikard

Hey beverlystone,
Thanks for your patience, when I check your English site the LayerSlider links seem to for for me:

Best regards,
Mike