-
Posts
-
Currently I have a masonry blog wrapped in a color selection. I created a div id and made the container 100%, so the masonry would be full-width. The only problem is the masonry blog only has two columns regardless of the screen size. This makes the images in the masonry blog huge on a large screen. How can I fix this, so it looks like the normal full-width masonry blog?
Hey davisar!
Thank you for using Enfold.
The masonry element will always stretched full width even if you don’t place it inside a color section. Please edit the masonry element then play around with the Size Settings. The Flexible Masonry will give you up to 6 columns depends on the screen size.
Cheers!
IsmaelIt’s only giving me two columns though. I’ve tried it on a lot of different sized screens, and it’s always only two columns even when I have it stretched across the whole window. There’s not a way to have it in a color section and have more than two columns?
Hi,
Can you please create me an administrator account? post it here as a private reply.
Regards,
JosueThe masonry is improved but still has problems. When I adjust the window width, it goes from one column, to two, to three, back to two, then to six.
The lightbox is much better! Is there any way to get images to work with the galleries, or do they have to be galleries?
All of my links just got messed up. Did you make changes to that? For some reason a link such as #linkid would send you to the homepage.com/#linkid instead of homepage.com/current_page/#linkid
Hey!
No, i didn’t touch that. I just applied some custom code in Quick CSS and adjusted the JS code in functions.php. Also, i’m noting only one masonry column on mobile.
Regards,
JosueHey!
I’m only noting three columns on desktop, but i guess you are seeing it on a bigger screen (1800width +), you can control the amount of columns by adjusting the code i put in Custom CSS:
@media only screen and (min-width: 1800px){ .responsive.html_stretched .av-masonry-entry{width:16.6% !important;} } @media only screen and (min-width: 989px) and (max-width: 1340px) { .responsive .av-masonry-entry{width:33.3% !important;} } @media only screen and (max-width: 767px) { .responsive .av-masonry-entry{width:100% !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .av-masonry-gallery .av-masonry-entry{width:49.90% !important;} } @media only screen and (max-width: 480px){ .responsive #top .av-masonry-entry{width:100% !important;} } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-gallery .av-masonry-entry{width:33.3% !important;} } @media only screen and (min-width: 767px) and (max-width: 989px) { .responsive .av-masonry-entry{width:49.90% !important;} }16.6% is 6 columns, 33.33% is 3 columns, 49.90$ is 2 columns.
Best regards,
JosueHey!
The only thing I can think of that might be causing something like that is how your server is set up to tell the browser what the current url or base url is. The theme itself is outputting the correct anchor link which is simply #top and takes the user to the #top anchor by default browser behavior.
Regards,
Devin
- The topic ‘Masonry Blog Columns’ is closed to new replies.