Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #306429

    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?

    #306612

    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!
    Ismael

    #306833

    It’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?

    #307205

    Hey!

    All those pages you linked are showing more than 2 columns of my end.

    Best regards,
    Josue

    #307361
    This reply has been marked as private.
    #307484

    Hi,

    Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    #307499
    This reply has been marked as private.
    #307522

    Hi!

    Please review your site now, both requests have been addressed.

    Best regards,
    Josue

    #307550

    The 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?

    #308073

    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

    #308074

    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,
    Josue

    #308075

    ok thank you. on mobile isn’t the problem. The issue is only with desktops.

    #308081

    Hey!

    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,
    Josue

    #308084

    GREAT! That let me fix it. I just needed to add a 20% and 25% setting. Thank you!

    #308085

    I don’t suppose you’d know why anchored links would start forwarding to the homepage.

    #308092

    Can you post a link to the page where these compromised links are?

    Regards,
    Josue

    #308093

    Almost every page. E.G. – the scroll to top link.

    #308100

    Have you tried disabling all third-party plugins to see if it gets fixed?

    Regards,
    Josue

    #308103

    i tried disabling all of them, but nothing worked.

    #308914

    Hey!

    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

    #308939

    Any idea how to change that in the database?

    #308944

    Never mind. Just fixed it! there’s was a problem with the header.php file. All is well now. Thanks!

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘Masonry Blog Columns’ is closed to new replies.