Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 27, 2026 at 6:08 pm #1494385
    condonp

    Dear Sirs,

    I am in the process of developing a website see peter-test1.co.uk for a cycling charity. My clients want to be able to have 4 cycling routes showing on the hompage but when viewed on tablet of iphone wants the routes be rendered accordingly and to be able to scroll using navigation arrows. SO for example on iphone only one route shows but the other can be selected by scrolling/swiping across. An example of this can seen at where the heading shows 3 races https://www.timeoutdoors.com/events/bike-oxford-1.

    Can you help please.

    Many thanks

    January 28, 2026 at 5:58 am #1494412
    Ismael

    Hey condonp,

    Thank you for the inquiry.

    You can try using the Content Slider element to display the routes as a slider. If you need to keep them as grid on desktop, try to use the Advanced > Responsive > Element Visibility settings to toggle the visibility of the elements. So, you’ll have a grid on desktop and a slider on mobile view.

    Best regards,
    Ismael

    January 28, 2026 at 7:07 am #1494415
    condonp

    Isamel

    Thanks for this how do I adjust each of the break points for the Content slider on the mobile view.

    Thanks

    Peter

    January 29, 2026 at 5:00 am #1494471
    Ismael

    Hi,

    Thank you for the update.

    There is no option to adjust the breakpoint on mobile view. The number of columns will be determined by the Styling > Slider > Columns and the slider will automatically respond or resize based on the screen size. If you need to only display a single item per slide, you have to set it to display a single column.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.