portfolio element column bug in chrome e firefox

[basoncia]

Hi, I have a problem with a portfolio columns in this homepage http://www.lamalandrina.it/homepage/
In Chrome and Firefox the second column wraps but it does not happen in Safari.
Whats is the problem?
Thanks for the reply

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Are you using any extra css class in the Portfolio item?
Can you provide us admin access so we can check this situation?

-Rui

[basoncia]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have resolved so please check and let me know your feedback.
Thanks 🙂
With Best Regards
Swift Ideas

[basoncia]

Hi Mohammd, columns are now perfectly aligned to the left, but remained below the clutter. Can you help me solve it?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I just resolved it so please check it now.
Thanks 🙂
With Best Regards
Swift Ideas

[basoncia]

Thank you for having solved 🙂 But I have noticed that the problem occurs again if the browser window goes below 1200 pixels.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I just made few changes so please check and let me know your feedback.
Thanks

[basoncia]

the situation has worsened on Chrome and Firefox (Mac). Now the columns overlap and disappear texts. How come it only works well on Safari?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please check it now.
Thanks 🙂
With Best Regards
Swift Ideas

[basoncia]

Thanks Mohammad but the problem persists only in the 990 pixels of resolution. you can fix it? I did a test by creating another page and the problem always displays if the widget is added to potfolio 6 columns instead of 12. http://www.lamalandrina.it/test-colonne/

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I have resolved home page issue. The code used-:

@media only screen and (min-width: 1200px) {body.page-id-31 ul.portfolio-items.standard-portfolio.filterable-items.col-2.row.clearfix.isotope li:last-child{transform:translate(299px,0px ) !important}
body.page-id-31 ul.portfolio-items.standard-portfolio.filterable-items.col-2.row.clearfix.isotope{height:290px !important;}
}

@media only screen and (min-width: 992px) and  (max-width: 1199px) {body.page-id-31 ul.portfolio-items.standard-portfolio.filterable-items.col-2.row.clearfix.isotope li:last-child{transform:translate(240px,0px ) !important}
body.page-id-31 ul.portfolio-items.standard-portfolio.filterable-items.col-2.row.clearfix.isotope{height:200px !important;}
}

@media only screen and (min-width: 768px) and  (max-width: 990px) {body.page-id-31 ul.portfolio-items.standard-portfolio.filterable-items.col-2.row.clearfix.isotope li:last-child{transform:translate(198px,0px ) !important}
body.page-id-31 ul.portfolio-items.standard-portfolio.filterable-items.col-2.row.clearfix.isotope{height:200px !important;}
}

The developer of theme will assist you now for further issue.

Thanks 🙂
With Best Regards
Swift Ideas

[basoncia]

Thanks for the help 🙂 It was only the ultim problem in the resolution range that goes from 768 to 990. Attach screenshots.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Just fixed it. It should not happen again.
Thanks 🙂
With Best Regards
Swift Ideas

[basoncia]

Thanks so much 🙂 Good work.
Greetings from Italy.