Padding/responsiveness in full-width gallery

[arabel]

Hello! I use the Air theme, and have had an issue.

I’ve recently noticed that when loading the Air theme on Chrome, the gallery does not display full-width. The gallery appears perfectly in either Safari or Firefox, but on Chrome it’s not full-width, and appears like this:

https://drive.google.com/file/d/1K9CF6hXTlMwANNPpuQGUg4dw4cDRwrHk/view?usp=sharing

On Firefox it displays correctly, like so:

https://drive.google.com/file/d/1K9QOCSgpPtqlhdILGQSSSwx-zrUsprA-/view?usp=sharing

If you resize the window in Chrome, the gallery eventually “pops” back to full width:

https://drive.google.com/file/d/1KOf8Kv2u_d6EN3pFMr3iqWkXlK-8N_kv/view?usp=sharing

I have tried downloading the latest version and installing that fresh version of the theme, but have had the same problem. Would love your help, thanks! My site URL is:

http://design.sallywoellner.com/

(that example page can be found at http://design.sallywoellner.com/kidsoffnauru/)

Thank you!

[SeaTheme]

Hi,

Thanks for reporting. We will fix it in the next update.

The quick fixing way, please go to Appearance> Theme Editor, find js/csutom.theme.js, fins the 2 lines to update:

line 1304:
var singleArticleLeft = singleArticle.css('margin-left');
update to:
var singleArticleLeft = singleArticle.offset().left;

line1309:
var singleGalleryLeft = Number(singleArticleLeft.replace('px', '')) + Number(singleCol2GalleryWrapLeft.replace('px', ''));
update to:
var singleGalleryLeft = Number(singleArticleLeft) + Number(singleCol2GalleryWrapLeft.replace('px', ''));

Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook

[arabel]

Thank you so much, that worked perfectly! I appreciate you getting back to me so quickly. 🙂 Have a great day!

[SeaTheme]

You are welcome! 🙂

[Author]

Posts