Portfolio section items not adjusting to fit screen size

  • Posted in : Photographer
  • PeppeMilana
    Participant

    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
    Moderator

    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
    Participant

    Goodevening Serkan

    Im using Crome
    how i can send you the screenshots ?

    PeppeMilana
    Participant

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

    thank you for your help

    serkan
    Moderator

    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
    Participant

    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
    Moderator

    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
    Participant

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

    serkan
    Moderator

    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
    Participant

    Ok Thank you for your time Serkan

    serkan
    Moderator

    You are welcome.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register