1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Carousel Slider not mobile optimised

Discussion in 'Support Forum' started by Laine, Jun 15, 2023.

  1. Laine

    Laine New Member

    Hello,

    I am hoping someone can help me with this, my carousel card is not mobile optimised, it looks great on desktop but on mobile it looks very clunky, it is hard to change it to how I want. Can someone please give me a hand with this. This is what it looks like in mobile[​IMG] [​IMG]
     
    #1 Laine, Jun 15, 2023
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help Pro Support, Jun 15, 2023
  3. Laine

    Laine New Member

    #3 Laine, Jun 15, 2023
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I see that you're replacing the default icon with your custom image.

    By doing that, there are some settings need to be changed.

    1. First of all, delete all the slides, except for the first one.
    2. Go to the Blurb settings (the image one) > Advanced > Custom CSS > Blurb Image > Right Click > Reset Blurb Image

    upload_2023-6-16_11-12-44.png

    3. Then go to the content area & remove all the empty spaces that you added previously.
    4. And lastly adjust the padding to fit your need.
    5. Once you're done with the above, then only clone your row to make more slides.
     
    #4 Divi.Help Pro Support, Jun 15, 2023
  5. Laine

    Laine New Member


    That worked thank you. I am just wanting to customise the mobile experience further. but now the carousel arrows have moved down and there is a strange space between the top and bottom of the image
     

    Attached Files:

    #5 Laine, Jun 15, 2023
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For your site, I'm still seeing the same old issue. Will need to view the changes to advice further.
     
    #6 Divi.Help Pro Support, Jun 15, 2023
  7. Laine

    Laine New Member

    Can I give you access to the page so you can see?
     
    #7 Laine, Jun 15, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The arrow issue is due to your transform settings for mobile. The default design doesn't have transform set. You just need to go to both the Icon module settings > Design > Transform > Right Click > Reset Transform

    Then the arrow icon should then be placed correctly in mobile.

    As for the bottom extra spacing, you may adjust the button margin top & the row padding.
     
    #8 Divi.Help Pro Support, Jun 16, 2023
(You must log in or sign up to post here.)