try this please:

.avia-google-map-container {
    border: 1px solid #000 !important;
    box-shadow: 3px 3px 5px #999;
}

with a little shadow too

btw : i decided to fix the amount of images i have in the masonry (not all – but to set it to 12 in this case) –
and i think this helps in my case

but what if i have more than 100 images ?

So good this thread here is not closed allready.

i got some trouble with masonry as well.
I use on a site more than one (3) masonry galleries on the same page.

here the things are described good enough: Another Thread with that issue

i did the trick josue was telling but this is sometimes ok sometimes not (avia.js hack)

And by the way on my ipad air in portrait direction there are 5 columns aside (not 1/2 1/2) on your site. So i did not see in the beginning what you mean.

well this is becaus of the media querie rules on line 302

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth, .responsive .avia-content-slider-inner .av_one_fourth {
    margin-left: 4%;
    width: 48%;
}
.responsive .av_one_fourth.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half, .responsive .avia-content-slider-inner .av_one_fourth.first {
    clear: both;
    margin-left: 0;
}
.responsive .av_one_half.first.el_before_av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half {
    width: 100%;
}
.responsive .av_one_half.first + .av_one_fourth, .responsive .av_one_half.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth, .responsive .av_one_fourth.first + .av_one_fourth + .av_one_half {
    margin-top: 30px;
}
}

you can do that for the fifth rules too !

did you layout it by columns?
try to use grid design instead and positioning the avia_buttons on bottom.

it could be that the grids have all the same hight. ???

edit: no i guess it will not work because there is a div.flex_cell and in it a div.flex_cell_inner
the last is not the same hight as the others

by the way the last image is not the same hight as the others !

• This reply was modified 10 years ago by Guenni007.

thanks Josue

it is in most cases a good advice to use a child theme.
Because sometimes changings only can made by putting something into the source code.
(i guess this was made by Yigit)
A child theme gives you the opportunity to do it by hooks f.e. by editing the child-theme functions.php .
If there is no child-theme the changings in source code will be overwritten by updating the theme. (The custom css in the options dialog is not touched by upgrading because the files are in the wordpress folder /wp-content/uploads/dynamic_avia (outside of the themes folder)

PS : very often many people (me to because i allways do ftp manual updates) like to have as folder owner the ftp user. By default the filepermissions of these files in dynamic_avia are 640 so sometimes the custom css rules wont work. I put filepermissions to 660.
Or you can leave the ownership to wp user and 640

• This reply was modified 10 years ago by Guenni007.

i thought the socket was no problem he is looking for the footer:

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