Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1346476

    A page has both a feature portfolio grid and a standard portfolio grid, and it looks great on desktop, giving more emphasis to the feature portfolio items. However, on mobile, the feature portfolio items actually appear less important smaller with no black border around them. Can the height of the feature portfolio grid items be made 505 tall on mobile only? And can some padding be added between them to they look like the standard portfolio items on mobile?

    #1346549

    Hey m,

    Thank you for the inquiry.

    We can adjust the height of the portfolio items on mobile view but this will affect the display of the portfolio images. They will not be fully visible within the portfolio item container or will get cut off a bit. If that is alright, you can use this css code.

    @media only screen and (max-width: 767px) {
      .avia-fullwidth-portfolio .grid-entry, .avia-fullwidth-portfolio .grid-entry .inner-entry, .avia-fullwidth-portfolio .grid-entry .inner-entry .grid-image {
        height: 250px !important;
      }
    
      .avia-fullwidth-portfolio .grid-entry .inner-entry .grid-image img {
        object-fit: cover;
        height: 100%;
      }
    }
    

    Best regards,
    Ismael

    #1346592

    Perfect, thank you.

    #1346704

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1346754

    Thank you for excellent support. This can be closed.

    #1346838

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Feature and standard profile portfolio grid on mobile’ is closed to new replies.