Hi Dear Laborator Support,

we love your design with the distant background and it looks great and clean on our desktop version. Unfortunately when scrolling on mobile the background keeps users from seeing the actual products. 

Is there a way to keep the distant background on desktop, but use the default display on mobile?

Additional question: I don't manage to get the brand logo on the distant background - an idea how to achieve this?

This is the code I use: 

add_action( 'woocommerce_after_shop_loop_item_title', 'bbloomer_show_woocommerce_brands_loop', 15 );
 
function bbloomer_show_woocommerce_brands_loop() {
  global $post;
  // echo get_brands( $post->ID );
  echo do_shortcode('[product_brand height="20px" class="alignleft"]');
}

Thanks a lot in advance.

Best,

Assunta

Hi Ylli,

1 - Thanks thats helpful. But I'd like show my shop page in a different style on mobile than on the website. On the website, the distant background we currently have looks great (see screenshot below). Unfortunately on mobile, when scrolling you can barely see the images because the distant background is blocking the sight. We would like to have a different style on mobile than on desktop. Mobile: the Kalium default style. Desktop: the distant background style. Is that possible? 

2 - Sorry for not being precise. We would like to show the brand logo on the distant background. But it is added below the product image. An idea why that is the case? Screenshot of the shop is here: 

This is the code I use to get the brand logo on the shop page:

add_action( 'woocommerce_after_shop_loop_item_title', 'bbloomer_show_woocommerce_brands_loop', 15 );
 
function bbloomer_show_woocommerce_brands_loop() {
  global $post;
  // echo get_brands( $post->ID );
  echo do_shortcode('[product_brand height="20px" class="alignleft"]');
}