
-
AuthorPosts
-
November 26, 2020 at 11:43 am #1263235
Hi,
Theme doesn’t work correctly on mobile screens. Issues
1. LayerSlider WP: Unable to change height, content, font size for mobile devices
We would like to set different height, content, font size for mobile devices2. Avia slider: This doesn’t work on mobile; Instead only set number of columns are shown in mobile devices. For eg., if we have set 5 items per slider, it shows only 5 item one after one on mobile. Similarly for blog slider it just shows first 3 blogs one after the other
We would like to change this behavior to 1 item at a time with scroll option.Note: I would like to keep this ticket private. Let me know if you need anything.
Romit
November 27, 2020 at 10:31 am #1263482This reply has been marked as private.December 2, 2020 at 11:53 am #1264461Hi,
Thank you for the inquiries.
l
1.) You should be able to control the sizing and position of the layers in the Styles panel. The theme will then automatically resize the layers relative to the size of the slider or of the view port. You should also set the Slider Settings > Layout > Slider Type to Responsive.2.) Could you explain it a bit or provide an example of the slider that you want? By default, the slide in the Easy Sliders should display or fade in one at a time. If you want to display multiple items simultaneously, try to use the Accordion Slider.
Best regards,
IsmaelDecember 2, 2020 at 4:14 pm #1264520This reply has been marked as private.December 4, 2020 at 6:02 am #1264948Hi,
Thank you for the update.
1.) The text and the banner image in the slides are resizing properly when we check the site on a device emulation as shown in the screenshot below.
Screenshot: https://imgur.com/a/EbszEMA
How would you like the slider to resize or adjust on mobile view?
2.) That is the default layout of the slider on mobile view. The slider navigation is hidden by default but we could use the following css code to display it back on smaller screens.
@media only screen and (max-width: 767px) { .responsive #top .avia-slideshow-controls a { display: block; } }
You could also display another slider or element with different configuration or settings in place of the current one using the elements’ Advanced > Responsive > Element Visibility settings. This option allows you to toggle the visibility of the elements in different screen sizes.
Best regards,
IsmaelDecember 5, 2020 at 8:43 am #1265133This reply has been marked as private.December 8, 2020 at 4:57 am #1265673Hi,
Thank you for following up.
1.) Have you tried creating a completely different slider for mobile view? It is possible to hide the current slider on mobile devices or toggle its visibility on certain screen sizes, which should allow you to show a different version of the slider.
2.) Unfortunately, that option is not available in the slider by default, but as suggested above you could display another logo/partner slider or another element with different configuration and toggle its visibility on different screen sizes or devices.
Best regards,
IsmaelDecember 4, 2022 at 12:57 am #1374975 -
AuthorPosts
- You must be logged in to reply to this topic.