Horizontal scroll in mobile view

Posted in: Newspaper
Post count: 24

Hi, I would like to have horizontal scroll for block in mobile view.
So I found MODULE FLEX 7, which is used in Big Grid Flex 9 and 10.
But I don’t need MODULE FLEX 6, which is also used in Big Grid Flex 9 and 10.
I think I can hide MODULE FLEX 6 using css…but, do you have any recommendations to have horizontal scroll for block in mobile view without add css?
Or is it possible to add horizontal scroll for Flex Block 1 in mobile view by using css?

  • This topic was modified 7 years by Ken0929.
Post count: 20688

Hi,

Those already have a horizontal scroll by default, for the bottom modules. For example big grid flex 9 on mobile
http://prntscr.com/nvubui
You could hide the top 2 modules with CSS, but that would hide the 2 posts as well.

Adding a scrollbar to a flex block by a setting isn’t possible, but if this request becomes more popular it will be considered. Maybe it could be done with CSS, haven’t tried something like that however.

Thanks

Post count: 24

Thank you for your reply.

What if I want to use something like slick slider, which has multiple module with touchable to scroll in a row for mobile view?
https://kenwheeler.github.io/slick/

I considered to use normal slider that you are providing us, but I only see one module in a row on the slider.

Speaking of slider, will not be able to set “%” for image hight? I want to set 16:9 aspect ratio, so I tried “56%”. But it doesn’t work.

Sorry for my bad explanation.

  • This reply was modified 7 years by Ken0929.
Post count: 20688

Only the big grid slide and slider element work like that
https://demo.tagdiv.com/newspaper/big-grid-slide/
https://demo.tagdiv.com/newspaper/ios-slider/
Or maybe experiment with the revolution slider provided with the theme, it is a very complex plugin – https://forum.tagdiv.com/how-to-install-revolution-slider-v5/

Flex blocks and grids have options to set an image height, it should work correctly. There are quick settings for it – https://prnt.sc/nxcx4v or you can manually enter values
http://prntscr.com/nxcxjh
Either way should work correctly and the image should be modified accordingly. What is happening in your case?

Post count: 24

Regarding a slide with horizontal scroll, I understand. Thank you.

And regarding an image height, I am taking about Slider that you are providing us.
If I add “%” for image height on slider, it doesn’t work.
https://prnt.sc/nxw3c8

I can use “%” on Flex Blocks though.

Post count: 20688

I see it now, it is the same for me for the slider. Despite mentioning to use a percent value, it works with a pixel value. I believe the tooltip is wrong, I will add this issue on the list and it will be rectified. Thank you for mentioning it, and sorry for the inconvenience.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.