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?
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
Perfect, thank you.
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
Thank you for excellent support. This can be closed.
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