Masonry Gallery not working since update to Version: 4.2.1

Can you tell me what the General Layout Dimensions should be to get the site to look like the Enfold Church Demo please.

If you look at my site and then the Enfold Church Demo the container on my site is far too wide.

Is there anything in the Quick CSS that is causing the problem?

++++++++++++++++++++++++++++

.widget ul li a {
font-size: 16px !important;
}

.html_elegant-blog #top .avia-content-slider .blog-categories.minor-meta {
display: none;
}

.avia-content-slider-inner .slide-content .entry-content-header span.av-vertical-delimiter {
display: none;
}

#top .widget_nav_menu ul ul li:before {display: none !important;}

#header_main {
background-color: #fff;
}

.responsive .container {
max-width: 100% !important;
}

#footer .widgettitle {
font-size: 20px;
color: white!important;
}

.phone-info { font-size: 14px; }
#top .social_bookmarks li a { font-size: 16px; }

#top .main_menu .menu li ul a { font-size: 16px; }

#top .av-main-nav ul a { padding: 3px 15px; }
.sub-menu li { border-bottom: 1px solid #11abd6; }

.header_color .main_menu .menu ul li a:hover{background-color:#f8f8f8;}

#top .av-main-nav ul {
width: 210px;
}

p a { text-decoration: underline !important; }

aside a[href^=”mailto”] { text-decoration: underline !important; color: #1a43ca !important; }
aside .avia-button { color: white !important; }

.sidebar .textwidget {
font-size: 15px;
color: #000000;
}

.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) { color: inherit; }
tr:first-child th, tr:first-child td,tr th:first-child, tr td:first-child,td { border: none !important; }

body {
font-size: 16px;
}

#top table tr th, #top table tr td {
border: 1px solid rgb(124, 124, 124) !important; }

.wpcf7-form select, .wpcf7-form input, .wpcf7-form textarea {
border: 1px solid #a1c8f1 !important;

}

.image-overlay {
visibility: hidden;
}
.avia_transform .envira-gallery-wrap a .image-overlay { display: none !important; }

.avia-builder-el-first .content {z-index: -100 !important; }

Hi Mike,

It’s not a URL it’s the whole site:

Can’t see how a plugin would cause so much damage considering I did import the Church demo in the first place?

It is just the width of the content area that is the issue.

Thanks,
Brian

Nailed it!!!

Thanks Mike

You need to refresh/empty cache to see it now as I have added

.responsive .container {
max-width: 100% !important;
}

which makes the container wider so you can see the blue background