The automatic resizing of my portfolio items when the screen size hits (I think) 1300 px in width creates an uneven look to the thumbnails displayed, where the second portfolio item is hanging on it's own on the right where all other portfolio items are lined up straight below (see screen shot 1, attached). I'd like to have all items displayed the same way they look once the mobile query hits at (I think) 990 px in width (see screen shot 2, attached), but at 1300 px in width. (I don't want to change the portfolio sizing above this width). Is there a way I can achieve the look of the mobile view at a larger screen size or perhaps trigger the mobile view to happen at a larger screen width? Or perhaps there is something simpler that I am missing? Thank you!
Thank you for your suggestion! I'm playing around with that option, but it seems in using the "Post Grid" Page Element you can no longer have the same thumbnail size options for the "Masonry Item Sizing" ie. wide + tall, tall, etc. It seems the sizing is more limited and each image size is changed all together rather than independently, as can be done in the individual project pages. No configurations I try gives me anything like my initial portfolio layout. Is that correct? If so, it unfortunately does not solve my issue as I don't want to change the entire portfolio set up I had prior, I just want to have it fit better on the page at a particular break point. I hope that makes sense!
The Mobile View can't be replicated on Desktop as the Images sizes are smaller and will likely blur out. Let me know what kind of layout you need on Desktop so i can write up custom css to divide it.
Thanks so much. I was actually able to find a solution that works. I changed the portfolio layout from 'constrained fullwidth' to 'fullwidth' for just the breakpoint I wanted and it works well.
Hi there!
The automatic resizing of my portfolio items when the screen size hits (I think) 1300 px in width creates an uneven look to the thumbnails displayed, where the second portfolio item is hanging on it's own on the right where all other portfolio items are lined up straight below (see screen shot 1, attached). I'd like to have all items displayed the same way they look once the mobile query hits at (I think) 990 px in width (see screen shot 2, attached), but at 1300 px in width. (I don't want to change the portfolio sizing above this width). Is there a way I can achieve the look of the mobile view at a larger screen size or perhaps trigger the mobile view to happen at a larger screen width? Or perhaps there is something simpler that I am missing? Thank you!
Hey Emma ,
Try using the "Post Grid" Page Element as it has more sizing features.
Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you for your suggestion! I'm playing around with that option, but it seems in using the "Post Grid" Page Element you can no longer have the same thumbnail size options for the "Masonry Item Sizing" ie. wide + tall, tall, etc. It seems the sizing is more limited and each image size is changed all together rather than independently, as can be done in the individual project pages. No configurations I try gives me anything like my initial portfolio layout. Is that correct? If so, it unfortunately does not solve my issue as I don't want to change the entire portfolio set up I had prior, I just want to have it fit better on the page at a particular break point. I hope that makes sense!
Hey Again,
The Mobile View can't be replicated on Desktop as the Images sizes are smaller and will likely blur out. Let me know what kind of layout you need on Desktop so i can write up custom css to divide it.
Thanks
ThemeNectar Support Team
Hi Tahir,
Thanks so much. I was actually able to find a solution that works. I changed the portfolio layout from 'constrained fullwidth' to 'fullwidth' for just the breakpoint I wanted and it works well.
Thanks again!
Hello Emma,
Glad you got a workaround.
Regards! 🙂