No. of slider in mobile and sub menu's are not visible in phone

Hello Woodmart Team
How to change No. of slides in mobile.
i want to change no. of slide for images gallery & for brand slider.
i want to show 5 slider at one time in mobile.

2nd for sub menu :
sub menu’s are not visible in mobile.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

I’ll check with the dev team if it is possible to customize as there is no option to change that.

Best Regards

Hello,

Please add this code to the functions.php of the child theme:

add_filter(
   'woodmart_brands_shortcode_custom_sizes',
   function() {
      return array(
         'desktop'          => 4,
         'tablet_landscape' => 3,
         'tablet'           => 2,
         'mobile'           => 5,
      );
   }
);
add_filter(
   'woodmart_images_gallery_shortcode_custom_sizes',
   function() {
      return array(
         'desktop'          => 4,
         'tablet_landscape' => 3,
         'tablet'           => 2,
         'mobile'           => 5,
      );
   }
);

In this case, both brands and image gallery would have the same column settings.

Best Regards

but at the time of page load 6 images are visible. after load slide is visible.
and sub menu are not visible in mobile ?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 575px) {
	.owl-items-xs-5:not(.owl-loaded)>div:nth-child(n+6) {
    display: none;
}
	.owl-items-xs-5:not(.owl-loaded)>div {
    width: 20%;
}
}

Best Regards

[Author]

Posts