Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #2850833
Slider responsive settings
Closed

Comments

  • Kai started the conversation
    August 17, 2021 at 9:37am

    Hi,

    I'm experiencing a weird issue where the slider on mobile/tablet is bigger than the width of the entire page?

    I've checked the settings and when in Beaver Builder it shows the slider as being shrunk down to fit like so:

     K6O4ou.jpg

    But when checking on a live device the slider is really wide? 

    Is there any way to stop this from happening? 

    Thanks

  •  244
    Kreatura Support replied
    August 17, 2021 at 1:19pm

    Hello Kai,

    You should try to set the slider settings / layout / clip slide transitions to hide on both axis or disable the prevent slider clipping. (show advanced settings enabled) 

    Best Regards,
    Andrea | Kreatura Support Team

  • Kai replied
    August 17, 2021 at 1:36pm

    Hi Kristof,

    Just tried all of those options in there and flushed caches etc but it's still loading the same?

    Thanks!

  •  244
    Kreatura Support replied
    August 17, 2021 at 1:45pm

    Hello,

    Could you please send me a wordpress admin temporary to your site?
    Which device and browser do you use for testing?
    Thank you, in advance.

    Best Regards,
    Andrea | Kreatura Support Team

  •   Kai replied privately
  •  244
    Kreatura Support replied
    August 18, 2021 at 8:55am

    Hello Kai,

    When I check your page on mobile the slider is not visible.
    Could you please enable it for mobile too to check this issue? Thank you, in advance.

    Best Regards,
    Andrea | Kreatura Support Team

  • Kai replied
    August 18, 2021 at 9:57am

    Hi Kristof,

    Apologies I have changed that for you now: https://thepharmpetco.co.uk/testing-slider/

    Any issues viewing it let me know.

    Thanks!

  •  244
    Kreatura Support replied
    August 18, 2021 at 10:45am

    Hello Kai,

    As I see this issue is related to Beaver Builder, probably there is a CSS conflict.
    If I try to use the slider without the builder, then it works properly for mobile:
    https://thepharmpetco.co.uk/test/


    Best Regards,
    Andrea | Kreatura Support Team

  • Kai replied
    August 19, 2021 at 3:21pm

    Hi Kristof,

    Right, I see! No problem.

    I do have another question which is how can I make a slide a link and the background hover a different colour? 
    Like the "new arrivals" here: https://layerslider.com/sliders/product-showcase-dark/

    Thanks!

  •  244
    Kreatura Support replied
    August 23, 2021 at 10:14am

    Hello Kai,

    There is a layer called "Background" in the product showcase sliders, which will be visible for hover.
    Please check this video about which settings you should set:
    https://www.loom.com/share/f34e5714832d4212b418bbfe7731e675

    Best Regards,
    Andrea | Kreatura Support Team

  • Kai replied
    August 23, 2021 at 12:08pm

    Hi Kristof,

    Thank you for this!

    I have the link working now as intended. However, when I add background colour on hover it doesn't seem to work? 

    I also imported the one mentioned in your loom to see the settings and it too doesn't have one? 

    What I did on my version is make an HTML layer called "Background" and added the hover transition: 

    4963160320.png
    But it doesn't seem to change? I've set it to "cover" etc and also made sure it's the full width/height of the slide.

    Hope you can help!

    Thanks

  •  244
    Kreatura Support replied
    August 24, 2021 at 10:41am

    Hello Kai,

    Please check this video about how to achieve this feature:
    https://www.loom.com/share/1789edcfb4104a82b6efa2068b7eb6d0

    Best Regards,
    Andrea | Kreatura Support Team

  • Kai replied
    August 24, 2021 at 11:18am

    Hi Kristof,

    Thank you for this!

    I have copied those settings and can see it working in the preview but it doesn't seem to work on the actual front end of the site: https://www.loom.com/share/b9e72774fe0243d38c933551068bfe90

    Test page: https://thepharmpetco.co.uk/testing-slider/

    Also, the circle top right is still showing yet the setting is turned off.

    If I'm doing this wrong let me know!

    Thanks

  •  244
    Kreatura Support replied
    August 24, 2021 at 2:26pm

    Hello Kai,

    I've exported the slider and import it to my localhost, where it works properly.
    As I see you didn't activate the plugin on your website to use the premium features like the global hover.

    Best Regards,
    Andrea | Kreatura Support Team

  • Kai replied
    August 24, 2021 at 3:51pm

    Hi Kristof,

    That's great! It's working as expected now.

    Thank you for all your help.

  •  244
    Kreatura Support replied
    August 24, 2021 at 5:45pm

    You are welcome!smile.png

    Best Regards,
    Andrea | Kreatura Support Team