Home › Forums › WoodMart support forum › Carousel 1 visible slide on mobile

Carousel 1 visible slide on mobile

Viewing 29 posts - 1 through 29 (of 29 total)
  • Author
    Posts
  • April 1, 2020 at 2:10 pm #183843

    Adrenaline22
    Participant

    I have:

    – full width row
    – information box carousel with 6 info boxes

    On mobile instead of a single info box I get 2 and those get squished so much that they take almost 100% vh.

    How to display a single carousel item on mobile?

    There should be this option in the future updates

    April 1, 2020 at 7:21 pm #183906

    Elise Noromit
    Member

    Hello,

    Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, if the problem remains, leave the plugins not activated and provide the site admin access to the private area

    Best Regards

    April 1, 2020 at 7:35 pm #183911

    Adrenaline22
    Participant

    Just did that. Problem still there. Could you please check it out?

    April 2, 2020 at 7:18 am #183986

    Elise Noromit
    Member

    Hello,

    I cannot reach your site https://prnt.sc/rrckal

    Best Regards

    April 2, 2020 at 7:30 am #183992

    Adrenaline22
    Participant

    Hi Elise,

    Which country are you accessing from? so I can unblock it

    April 2, 2020 at 8:21 am #184020

    Elise Noromit
    Member

    Hello,

    My country is Ukraine. My IP is 5.248.118.5

    Best Regards

    April 2, 2020 at 2:24 pm #184143

    Adrenaline22
    Participant

    Check now please. Ukraine is unblocked

    April 2, 2020 at 6:53 pm #184175

    Elise Noromit
    Member

    Hello,

    I cannot login. https://prnt.sc/rrs95t

    Best Regards

    April 2, 2020 at 7:10 pm #184178

    Adrenaline22
    Participant

    I enabled all ips and all countries Elise. Sorry for the inconvience, please try now.

    April 2, 2020 at 8:57 pm #184196

    Adrenaline22
    Participant

    The carousel addon(s) is so weakly made that it shouldn’t be part of the theme.

    I get 1/1 width on mobile only if I have 4 slides and 4 elements to display. Anything else generates 1/2 + 1/2 slides on mobile.

    On certain breakpoints the slides get so thin they destroy the layout of the page. You should set a min width for the elements.

    Attachments:
    You must be logged in to view attached files.
    April 3, 2020 at 10:32 am #184269

    Elise Noromit
    Member

    Hello,

    I cannot enter the site. What do you mean saying ” it shouldn’t be part of the theme.”? Do you mean third parties Information box?

    Best Regards

    April 3, 2020 at 10:47 am #184271

    Adrenaline22
    Participant

    Hi Elise,

    I am talking with the hosting company about what is hapenning.

    The carousel is simply poorly written and it was rolled out too soon.

    See the attachment from my prevoius post. Also is producing two columns on mobile.

    April 3, 2020 at 10:57 am #184274

    Adrenaline22
    Participant

    Hi Elise,

    The hosting company said that now you can access 🙂

    April 3, 2020 at 1:08 pm #184313

    Adrenaline22
    Participant

    Hi Elise,

    I think you’ve pasted the wrong link?

    I barely can read cyrillic, but from what I can see there is some talk about SEO Yoast, which I suppose is not my case 🙂

    April 3, 2020 at 1:12 pm #184314

    Elise Noromit
    Member

    Hello,

    Your Infobox carousel is displayed as one block on mobile: https://prnt.sc/rsavxn

    Best Regards

    April 3, 2020 at 1:15 pm #184317

    Adrenaline22
    Participant

    sure. as I’ve written before. When I set 4 infoboxes per 4 slides displayed.

    Check now and you will see 2 columns.

    April 3, 2020 at 1:26 pm #184319

    Elise Noromit
    Member

    Hello,

    I am checking and I see one block https://gyazo.com/6208bc2bb04ec02da5f8b4dccfee327b

    Best Regards

    April 3, 2020 at 1:28 pm #184320

    Adrenaline22
    Participant

    You are checking the wrong page:

    April 3, 2020 at 2:14 pm #184333

    Elise Noromit
    Member

    Hello,

    You can customize the carousel. Add this code to the functions.php file of the child theme:

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

    This code would apply to all the Infobox carousels.

    Best Regards

    April 3, 2020 at 2:15 pm #184335

    Adrenaline22
    Participant

    I will do that. Hope you solve in the next update.

    Where I can post suggestions / bugs?

    April 3, 2020 at 2:21 pm #184337

    Elise Noromit
    Member

    Hello,

    There is the topic “Feature Request” you can send you suggestions. When there is a bug occur, deactivate all the plugins not related to the theme check the issue, if the problem remains, leave the plugins not activated and create a separate topic here.

    Best Regards

    April 4, 2020 at 10:22 pm #184591

    Adrenaline22
    Participant

    Hi Elise,

    I’ve installed the child theme and edited functions.php file, yet there are still 2 columns on mobile intead of one. It stays the same even if change

    ‘mobile’ => 2,

    to

    ‘mobile’ => 1,

    April 5, 2020 at 8:33 am #184611

    Elise Noromit
    Member

    Hello,

    Your site is not workable now. I can not check.

    Best Regards

    April 5, 2020 at 8:53 am #184613

    Adrenaline22
    Participant

    Should be working. Probably server a server uptime issue.

    April 5, 2020 at 2:58 pm #184666

    Elise Noromit
    Member

    Hello,

    No, it does not work. I checked several times.

    Best Regards

    May 5, 2020 at 7:09 pm #192578

    Adrenaline22
    Participant

    Hi Elise,

    I’ve pasted the code in functions.php, no changes. Made 2 carousels instead, one for mobile and one for desktop.

    I thought that this solution would fit, but no…

    On smaller desktop screens the elements still get become way too narrow. I think it’s an waste of time to be making a third version for tablets. Also making 3 carousels for each viewport seems a bit too much…

    May 6, 2020 at 7:22 am #192667

    Elise Noromit
    Member

    Hello,

    Now you have 1 item on mobile https://prnt.sc/sbq116

    Please clarify the issue.

    Best Regards

    May 6, 2020 at 10:21 am #192712

    Adrenaline22
    Participant

    Yes because I have one carousel for mobile and one for desktop and I exclude them in the column visibility options in Visual Composer. For smaller desktop sizes and tablets the rows get still too narrow.

    Your carousel element is seriously flawed.

    So basically If wanted to get rid of it I have to make a 3d for tablet/ small desktop viewports.

    C’mon guys,

    This is happening because you haven’t specified a min-width for the carousel elements.

    Check the video: https://drive.google.com/file/d/1r5OK9XdB7vjeyeU0C_Hh9fy_uoD1oYX1/view

    May 6, 2020 at 1:19 pm #192792

    Elise Noromit
    Member

    Hello,

    We have 4 breakpoints for responsiveness: desktop, tablet landscape, tablet, mobile.

    Here is the code, it will change all the infobox carousels items number per row, you just need to specify number for each breakpoint.

    add_filter('woodmart_info_box_shortcode_custom_sizes',
   function() {
      return array(
         'desktop'          => 6,
         'tablet_landscape' => 4,
         'tablet'           => 3,
         'mobile'           => 1,
      );
   }
);

    Unfortunately, it is not possible to set different items number in a row for each infobox carousel individually. The code can change all carouses.

    Alternatively, you can create a separate carousel for each breakpoint.

    Best Regards

  • Author
    Posts
Viewing 29 posts - 1 through 29 (of 29 total)