CODEWITHSUNDEEP
javascripthtmlcsswordpresspinterest
Joe Bauer
Joe Bauer

Reputation: 622

Pin It Button is appearing in the wrong place

I'm new to web development and I'm working on a Wordpress Theme. I'm having a very annoying issue.

The issue can be replicated by installing the Pin It Button for Chrome (https://chrome.google.com/webstore/detail/pin-it-button/gpdjojdkbbmdfjfahjcgigfpmkopogic?hl=en) and visiting this page.

http://shotbybauer.wilderland.co/fashion/

When you scroll to the right and hover over the images with your mouse, several new scrollbars appear. It looks like the pin it button is not scrolling with the div. When I disable the Pin It extension the problem goes away.

Why is this happening??

Upvotes: 3

Views: 762

Answers (2)

talves
talves

Reputation: 14353

The reason is a bug in the Pinterest Button.

The cause of the scrollbars are being caused by the button which is a <span> that gets a left value off the view context of your page. The Pinterest <span> button is setting itself to position: absolute on your page.

UPDATE :

Like @homerjam says in the comments:

Add <meta name="pinterest" content="nohover"></meta> to the <head> of your HTML.

More informations here: Pinterest widget API.

Upvotes: 4

jeninja
jeninja

Reputation: 848

You are using a chrome extension; Since I am using FireFox I do not see the pin it button at all.

Most likely the problem you are experiencing is just the chrome extension itself (maybe a bug), nothing to do with the WordPress theme.

Upvotes: -1

Related Questions