Tagged: masonry grid
-
AuthorPosts
-
September 11, 2016 at 5:45 am #684651
Hi, I have noticed that even if the size is one column the masonry setting “automatic, based on screen with” will ALWAYS display two columns only.
It works in a full screen masonry screen but shouldn’t it work within a layout element too?
- This topic was modified 8 years, 2 months ago by bluecafe.
September 12, 2016 at 6:18 am #684885Hi bluecafe,
Could you post a link to the site in question so that we can take a closer look please?
Regards,
RikardSeptember 12, 2016 at 6:47 am #684898Hi Rikard, thanks for your reply. I have made a demo page showing that the setting “automatic based on screen width” on a page inside the layout element 1/1 (or color section) without any sidebars results in two columns only.
I would expect four or at least three columns for an automatic column number for a masonry in a 1/1 layout element on a page with no sidebar.
The masonry width is correct if I don’t place the masonry element inside a layout element.
Here the width is adjusting to show more than two columns.- This reply was modified 8 years, 2 months ago by bluecafe.
September 16, 2016 at 1:32 pm #687483Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Make sure to use Enfold v3.8.
Best regards,
AndySeptember 17, 2016 at 5:53 pm #687961Thanks for your reply. I have created an admin account for you.
September 17, 2016 at 7:07 pm #687981I’ve noticed the same bug, so I’m always setting the number of columns manually… would be good if this gets fixed in the theme.
September 17, 2016 at 7:26 pm #687991Hey!
Thanks a lot for letting us know, we do aprpeciate it a lot.
We have reported the issue to Kriesi and he will do fix it, as soon as possible.Thanks a lot for your patience and understanding
Regards,
BasilisJanuary 16, 2017 at 8:00 pm #734335Guys – came across this troubleshooting and bug still seems to be present.
A masonry element inside a color section will only display 2 columns when set to automatic columns which is a pain.
Is there a fix for this yet?
Thanks.January 19, 2017 at 1:29 pm #735832Hi,
This is possible but you have to remove the following css code in the css > shortcodes.css file.
#top .container .av-masonry-col-flexible .av-masonry-entry{ width: 49.80%; }
The width inside a column layout or a color section is limited so the masonry element are force to only have two columns.
Best regards,
IsmaelJanuary 19, 2017 at 1:56 pm #735844Will this be fixed in a future version? Especially with screens having more and more pixels width this is becoming an issue more and more.
January 19, 2017 at 2:40 pm #735871Thanks Ismael – is there a non destructive / child theme solution?
January 19, 2017 at 3:27 pm #735894Thanks for the explanation Ismael. I think this should be deleted in the theme files because a fix width and ‘flexible’ is a contradiction, isn’t it?
I couldn’t find a way to delete the line in a child theme so I deleted it in the parent theme. Now I got 6 grid items in a row which made the grid items too small. I fixed it by adding a min-width to the child theme
#top .container .av-masonry-col-flexible .av-masonry-entry{
min-width: 300px;
}Could this be an option? Deleting the line in enfold and adding a min-width instead?
- This reply was modified 7 years, 10 months ago by bluecafe.
January 23, 2017 at 7:54 am #737143Hi,
Will this be fixed in a future version? Especially with screens having more and more pixels width this is becoming an issue more and more.
This is the intended behaviour of the masonry element when contained.
Could this be an option? Deleting the line in enfold and adding a min-width instead?
How many columns are you expecting? Yes, that is one of the solution but I think it’s better if you control the max width property of the items on desktop view. Revert the shortcodes.css file to default, remove the css modification then use this one.
@media only screen and (min-width: 989px) { #top .container .av-masonry-col-flexible .av-masonry-entry{ max-width: 33.33% !important; } }
This will force the element to display 3 columns, lower width value equals more columns.
Best regards,
IsmaelJanuary 23, 2017 at 10:22 pm #737437How many columns are you expecting?
Not two for a color section as it is the present state ;)
if I choose “automatic based on screen width” I expect the script to detect the appropriate column number. It shouldn’t be too small and it shouldn’t be too big. This is why I think min-width 300px is the best solution. Then the script would automatically find the right column number. If I force a max-width of 33.33% I can choose three columns as well. This has nothing to do with “automatic based on screen width”. Just my 2cents ..
- This reply was modified 7 years, 9 months ago by bluecafe.
January 23, 2017 at 10:41 pm #737443I agree. I fully consider this a bug.
> This is the intended behaviour of the masonry element when contained.
Bizarre reasoning. If I wanted it fixed at two columns I would set it fixed at two columns. If I choose flexible it should be flexible.
January 30, 2017 at 5:57 am #740067Hi,
Bizarre reasoning. If I wanted it fixed at two columns I would set it fixed at two columns. If I choose flexible it should be flexible.
I’m not sure what’s so bizarre about limiting the items to two when the container is a bit smaller compare to full width.
Best regards,
IsmaelJanuary 30, 2017 at 8:46 pm #740412I’m not sure what’s so bizarre about limiting the items to two when the container is a bit smaller compare to full width.
A fix number of two is not flexible. Compared to the size of a masonry item on a full width screen the size of the two items within the container is in no relation. If a fixed number is set the number four would be far more appropriate. But then again … a fix number of four isn’t flexible.
Removing the forced width and replacing it with a min-width of a masonry item could solve the problem and flexible would be really flexible.
- This reply was modified 7 years, 9 months ago by bluecafe.
January 31, 2017 at 6:42 am #740496 -
AuthorPosts
- You must be logged in to reply to this topic.