-
AuthorPosts
-
June 28, 2018 at 2:52 pm #978903
Hi,
I’ve searched the forums but can’t find the answer to this.
I’ve used easy slider on this page:
The easy slider doesn’t work very well as it isn’t obvious to the viewer that they can swipe across and the next picture will be displayed.
The auto rotation doesn’t work either.
How do I fix this?
Also – if it isn’t too complicated I’d like the image and easy slider to be shown next to each other on a mobile device as opposed to on top of each other.
I see it on other websites so was hoping there’s a way to do this in Enfold.
Thanks,
Harvinder
July 2, 2018 at 8:25 am #979987Hey ballindigital,
Thank you for using Enfold.
Displaying the navigation on load should help instead of on hover. For mobile, try this css code to adjust the column width.
@media only screen and (max-width: 767px) { .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 49%; margin-right: 1%; } }
You may need to apply custom css class attributes to those columns.
Best regards,
IsmaelJuly 2, 2018 at 9:50 am #980029Hi Ismael,
Should I place this code in the actual element css part?
Or in the general css?
I placed it in the actual element and it didn’t appear to do anything..
I put it in the general css and it affected the whole website but didn’t give the effect that I really wanted.
It sounds complicated so I’m happy to get a developer to help realign the images but for now, I would appreciate your help creating the arrows so that it’s displayed on mobiles so people know to scroll across.
Thanks,
Harvinder
July 4, 2018 at 11:26 pm #981368Hi,
No, please post it on the theme options, the section where you added it, is only for adding a class name, which you can use afterwards :)
Best regards,
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.