-
Posts
-
Hi! I’m using full-width mansory to display my 3-4 portfolio items, dependent on the browser size. If I limit the full-width mansory element to show 4 items, it shows well with larger screens, but on smaller browser windows the 4th item goes to the 2nd row, which is not looking nice. Then again, if I limit the mansory element to show 3 items, it shows well with smaller screens but larger ones will have an ugly empty space on the right (which will be filled only after clicking the “load more” button). Hope I made the situation clear and really hope you have a suggestion how I could show 4 portfolio items but if the screen isn’t big enough, the 4th wouldn’t show :) thanks.
Hi heikilaja!
By its nature the masonry gallery adjusts to the screen size of the user. If you only want to show a fixed number of items you should use a different element.
So on your desktop right now it may show perfectly with 4 items but on a larger desktop it has the space to the right even still. Shrinking down to mobile the script runs as if there were more items and adjusts the layout accordingly.
Regards,
Devin
- You must be logged in to reply to this topic.