portfolio element column bug in chrome e firefox

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 15 replies, 4 voices, and was last updated 10 years by Kyle – SUPPORT.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Back to forum

Posted in: Dante
August 4, 2014 at 10:26 am #97344

basoncia
Member

Post count: 28

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.

August 4, 2014 at 12:36 pm #97426

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

August 4, 2014 at 2:55 pm #97526

basoncia
Member

Post count: 28

This reply has been marked as private.

August 5, 2014 at 5:30 am #97743

Mohammad – SUPPORT
Moderator

Post count: 27441

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

August 5, 2014 at 7:36 am #97761

basoncia
Member

Post count: 28

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.

August 5, 2014 at 7:45 am #97764

Mohammad – SUPPORT
Moderator

Post count: 27441

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

August 5, 2014 at 7:49 am #97765

basoncia
Member

Post count: 28

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.

August 5, 2014 at 8:25 am #97772

Mohammad – SUPPORT
Moderator

Post count: 27441

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

August 5, 2014 at 8:30 am #97778

basoncia
Member

Post count: 28

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.

August 5, 2014 at 8:45 am #97784

Mohammad – SUPPORT
Moderator

Post count: 27441

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

August 5, 2014 at 8:53 am #97787

basoncia
Member

Post count: 28

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.

August 5, 2014 at 9:16 am #97803
Mohammad – SUPPORT
Moderator

Post count: 27441
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
August 5, 2014 at 1:52 pm #97959

basoncia
Member

Post count: 28

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.

August 5, 2014 at 2:06 pm #97968

Mohammad – SUPPORT
Moderator

Post count: 27441

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

August 5, 2014 at 3:21 pm #98040

basoncia
Member

Post count: 28

Thanks so much 🙂 Good work.
Greetings from Italy.
Back to forum

Posted in: Dante