Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #972361

    I have been using Portfolio Grid to summarise my portfolio items:

    https://waltoncreative.com/portfolio-item/travel-photographs/

    When I look at this page on smaller screens using Safari’s Responsive Design Mode, the FIRST image is always full width.

    I can’t find anything in the CSS that is causing this. Any idea how I can make the first image match the width of the others?

    Colin

    • This topic was modified 6 years, 3 months ago by ColinWalton.
    #972844

    Hey ColinWalton,

    Could you please attach some screenshots of the issue?

    I see that on individual portfolio there is a gallery on the tablet screen and fullscreen slider for mobile.

    Can you please explain a bit more which screen sizes are not working for you?

    Best regards,
    Victoria

    #972889

    Hi, the problem seems to be on mid-sized browsers. See screen shot.

    This is using the portfolio grid. See settings screen shots too.

    Thanks for your help!

    #973358

    Hi ColinWalton,

    Thank you for the screenshots.

    600px is included in the mobile screen media query

    
    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    
    }
    

    And so it should be 100%, or do you want it to be 50%?

    Best regards,
    Victoria

    #973360

    Ok thanks for looking at them.

    The problem is that the FIRST one is wrongly always 100%, then the rest seem to be whatever has been set.

    I need to make ALL the items in the portfolio grid to be the same size.

    I hope that this helps explain what I am looking for.

    #973722

    Hi ColinWalton,

    These rules make that happen for 480 to 767 screen sizes
    Image 2018-06-16 at 20.55.40.png

    Please try the code below:

    
    @media only screen and (max-width: 767px) and (min-width: 480px) {
      .responsive #top #wrap_all .grid-sort-container.grid-total-odd .grid-entry.grid-loop-1 {
          width: 50%;
      }
    }
    

    Best regards,
    Victoria

    #974182

    That’s fixed it – thank you!

    #974506

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘First PORTFOLIO GRID image is always 100% width on small screens’ is closed to new replies.