Jump to content

My Media on homepage = how to wrap instead of horizintal scroll?


Go to solution Solved by Happy2Play,

Recommended Posts

Posted

I have 150 libraries with custom thumbnails and its crazy to view then four at a time in a horizontal scrolling panel on the homepage. 
I had a custom script that changed it to wrapping (so they fill up the page and you scroll the page down) and it was excellent, but its stopped working. 
Is there a currently working solution to get them to run down the page instead of horizontal scrolling?

thanks, Simon

Killface69
Posted
div.section0 > div.itemsContainer, div.section0 > div > div.itemsContainer
{
  flex-wrap: wrap;
}

Try this. This should only change the main libraries display (section0).
The second selector is needed for smaller screen sizes.

  • Like 1
  • Thanks 1
  • Solution
Happy2Play
Posted (edited)

Really it should do it by default but is dependent on Display mode and I believe touch screen is a factor also.

image.thumb.png.fcbc6500eb8c0b2aaf4b795cf4d512ad.png

But yes the above code should accomplish what you want also.  Note this is dependent on My Media being the first section otherwise you have to change the code accordingly.

div.view-home-home div.section0 div.itemsContainer {flex-wrap: wrap;}

 

Edited by Happy2Play
  • Thanks 1
Posted

wow amazing thank you guys, it worked!
so happy right now, its been like this for ages, id almost given up

thanks again!

  • 2 weeks later...
visproduction
Posted

Nz,

If you select Happy's post as the solution, then we can see that the issue is resolved in the forum list.  This makes it easier for the rest of us to choose which post to open.  Thanks.

  • 4 weeks later...
Posted

Is there an easy way to do the opposite?  I only have a few, and it's very annoying if I'm either zoomed in enough or on a narrow enough screen for a single item to overflow into a whole new line is very annoying.  

Happy2Play
Posted
8 minutes ago, KMBanana said:

Is there an easy way to do the opposite?  I only have a few, and it's very annoying if I'm either zoomed in enough or on a narrow enough screen for a single item to overflow into a whole new line is very annoying.  

Not really as the virtual scroll only appears in specific display modes or touch screen.  As by default there should be no scrolling on My Media.  

Will looks when I get a chance if someone else has not followed up as I don't know all the variables as the image above if I shrink the width it will go to a scroller but my stable versions does not so not sure if there is a number of libraries variable also.

 

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...