Home › Forums › Air WordPress Theme › Padding/responsiveness in full-width gallery
- This topic has 3 replies, 2 voices, and was last updated 1 year, 2 months ago by
SeaTheme.
- AuthorPosts
- October 27, 2019 at 6:53 am #19875
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!
October 27, 2019 at 3:11 pm #19876Hi,
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 – FacebookOctober 28, 2019 at 10:27 pm #19877Thank you so much, that worked perfectly! I appreciate you getting back to me so quickly. 🙂 Have a great day!
October 29, 2019 at 2:59 am #19878You are welcome! 🙂
- AuthorPosts
- You must be logged in to reply to this topic.