Thanks Victoria,

Please see screenshot in the private link below.

Thanks, Richard

Great, that works

Thank you

Thank you Victoria

This works well, thanks

Thanks Jordan,

Yes, I’ve added the css to the very top of quick css and emptied the cache several times. The wide borders still display on Safari when viewing on small window sizes.

This seems to be happening on any page where I have a portfolio grid, when the window size reduces to a small size and the portfolio grid reformats to a single column. I’ve giving another example in the link section below.

I can see that 8% margins are being added in grids.css, but I’m not sure why and how best to remove them and make the single column fill the same page width as my three column grid.

@media only screen and (max-width: 767px), all
grid.css:143.responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
/* padding-left: 8% !important; */
/* padding-right: 8% !important; */
}

Thank you Yigit, the page is fine in a large window. It’s when I make the window smaller that the grid is displayed in one column and the unwanted wide margins either side. How can I lose the 18% margins either side of the one column?

Thank you

Thanks, I’ve fixed the cache for the three column portfolio grid layout, but when I reduce the window size and the grid reformats to one column it has very wide margins. I see in the css that there are 18% margins applied to either side of the single column, but I don’t know how to remove these.

Thank you

Great, thank you Jordan

Thanks, the problem seems to be in Safari on Mac OS

Your fix for the background fill in the lightbox seems to fix that issue, but I’m still finding that lightbox images show then disappear when opening in the lightbox on Safari

Thanks, Richard

Dear Jordan,

I’m afraid I just want get this to work. When I add the following in the css, my logo text moves to the left but no text appears for my subtitle.

.logo a:after {
content: “My Subtitle” !important;
display: block !important;
}

Thanks, Richard

Thanks Ismael,

Is there an alternative way I could achieve the full width video playing with text overlaid? To avoid this problem with the Full Width Easy slider on iPads.

I’m getting desperate as the client won’t sign off on the project while this one bug is still happening.

Best wishes,
Richard

Dear Ismael,

Both the large image and the small image are static, so it seems that the fallback image of the Full Width Easy Slider videos is being displayed twice, side by side, at large size and small size on iPads.

I’ve had several people complain about this issue on both iPads and iPad Pros

Thanks, Richard

Thanks Ismael,

I’m afraid that when iPads are turned horizontally the problem still occurs after trying both these fixes.

It seems to be a fairly universal problem on iPads

Best wishes,
Richard