Instagram in footer causing width problem

Posted in: Newspaper
Post count: 3

Hi there,

I have a fresh install of wordpress on the following development site: http://dbeauregard.yourdevsite.ca/. Fresh install of Newspaper and used the “install demos” to activate the Black Version.

When viewing the site at Desktop sizes, it is oversized, meaning you can see the width scroll bar at the bottom of the browser. This goes away when you reduce the browser size to “mobile screen” sizes. When I deactivate the Instagram section in the footer via the Newspaper options panel, the problem goes away.

I’ve tested this and it happens in Chrome, Firefox and Safari.

However your demo site does not show this problem.

Any idea what the issue could be and whether there is a fix?

Thanks in advance.

Post count: 22421

Hello,
I have checked your site but I caould not find the problem. maybe it was a caching issue and it since then got cleared as now it does not show up on any browser.
Thanks.

Post count: 3

Hi Bogdan – I’ve found that if I set the image gap setting in the instagram footer settings to no gap – instead of 2 or 5px – that the issue also goes away.

Guess I was wondering whether this is a known bug.

I can set it back if you like.

Post count: 22421

Hi,

Yes, it seems there is an issue with the gap as it creates a bit of extra space that provides a horizontal scroll bar at the bottom of the site. The gap seems to add this issue. I have added this to our bug list and we will fix it in the future version of our theme.

Sorry for the inconvenience.

Post count: 3

Okay – it would be great if you could provide a fix prior to a whole release. Surely it’s just a minor CSS correction as the bug doesn’t appear in the mobile version.

Either way, I’ll be on the lookout.

Thanks.

Post count: 22421

Hi,
Please use this code:
.td-instagram-main{
width:100%!important;
}

This seems to fix it.
Thanks.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.