[PeppeMilana]

The portfolio items on the portfolio page don’t align themselves correctly to the screen/ browser window size. They just default to 2 columns regardless of window size when you load the site.

The strange part is, if you make the browser window size bigger or smaller, the items start to align themselves properly and will stay correctly aligned for the rest of the browning period. Reloading the site causes the problem to reappear but navigating and clicking on items does not.
the same is if them are immage or video

this is the result

http://giuseppemilana.com/department/visualiser

http://giuseppemilana.com/portfolio/character-animation

thank you!!! and I hope to hear you as soon as possible

best regards

[serkan]

Hi @PeppeMilana;
Could you take screenshots related with issue. I just checked your related urls and i didn’t see any issue. Which browser you are using for testing it?
Thanks

[PeppeMilana]

Goodevening Serkan

Im using Crome
how i can send you the screenshots ?

[PeppeMilana]

Just to be sure I checked from the pc of one of my friend same problem

thank you for your help

[serkan]

Hi @PeppeMilana;
You should Just take a screenshot and upload it to your website or somewhere and give me the related url. You have 2 items in the portfolio and when you look at it with larger desktop of course it wii get more space on the right side because wordpress is automatically rezising it. Maybe you can add more portfolio item and try it again. Or draw some arrows and explain which part of your website is not look good to you.
I checked your url with chrome 46.0.2490.71 (64-bit) version. And everything looks ok to me.
Thanks

[PeppeMilana]

Hi Serkan you right, I don’t have problem with my phone, but like I said before with the computer of my friend same problem, anyway this is the address
http://giuseppemilana.com/wp-content/uploads/2015/10/Screenshots.rar

[serkan]

Hi @PeppeMilana;
You can use this custom css code;

@media screen and (min-width: 768px) { .gallery-grid .masonry-item { width: 48%; display: inline-block; float: none; } }
.gallery-single p { text-align: center; } (But i recommend you to use mediawrap shortcode for creating video instead of using this custom css code; ) 

Thanks

[PeppeMilana]

Sorry Serkan I put the code in custom Css window but nothing is changed

[serkan]

Hi @PeppeMilana;
There should be three item between 768px-1200 px
After 1500px item width is 25% which means 4 items will be shown.
I just gave the the custom css code because you have two items. But there are not any problem with the theme. The problem is you have less items.
Please delete my comment from the codes. I just tested the codes again and they are working.
Thanks

[PeppeMilana]

Ok Thank you for your time Serkan

[serkan]

You are welcome.