-
Posts
-
Hello. I’m using portfolio grid with the following settings. It’s producing large gaps between many images, even though the images are all the same size. See issue here.
-Choose the Portfolio Grid image size manually
-No ScalingThank you,
RyanHey rlogan2334,
As I understand when you view the grid items in mobile device a large gap appears between them correct? it appears the page is coming from the css with padding left and right 8% added to it. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-flex-cells .no_margin { padding-left: 0%!important; padding-right: 0%!important; }}It is better enable custom css class name and use a custom class on the grid and include the custom class name in the above css before .av-flex-cells to target only this grid else the above code may affect other grids on the site :)
Best regards,
VinayHey. Haven’t even looked on mobile, because the issue is shown on the full desktop view. I didn’t make any CSS changes on this page, so I’m not sure why this would be happening. Also, I would think ALL images would have a gap.
Hey!
The gallery appears to be correct on desktop for me. So i check on mobile and the CSS i provided was for the issues seen in below screenshot :D
Could you tell me if there is any way i can re-produce this issue on desktop? What browser device is used to view this page?
Regards,
VinayI just tried it in FF, Chrome, IE and Edge. Same result.
I also created a whole new page and the issue is there as well.
Hi!
It appears fine to me and I’m unable to re-produce this issue. i have asked my team members to take a look at this issue please await their reply.
Best regards,
VinaySorry for the trouble. The issue was with the CDN. Clearing the CDN cache resolved the issue.
Thank you,
Ryan
- The topic ‘Portfolio Grid – Gaps’ is closed to new replies.