0

I'm trying to have a social share bar appear under the masthead/nav. Right now it's being obscured because of an inline style I don't control.

Here's what my wrapper div looks like on prod.

<div id="sharebar_801" class="sharebar-inline-desktop sharebar-wrapper sharebar-inline-mobile" i-amphtml-fixedid="F1" style="top: calc(0px);">

Weirdly on sandbox and on local, it does not have style="top: calc(0px);"

I can't override it with !important since that would break validation, why is that style there and what can I do to remove it?

Ksenia
  • 536
  • 5
  • 14

1 Answers1

2

The short answer is that this is being done to automatically adjust elements to correctly behave in the presents of a movable top bar in a viewer app.

The 0px is supposed to be the actual computed value as defined by your styles (So, not always 0). If this does not work, there might be a bug in AMP. In that case, please file a bug with a small repro case on https://github.com/ampproject/amphtml/issues/new

Malte Ubl
  • 851
  • 6
  • 9
  • Thanks, that helped. I needed to explicitly set the `top` property. Do you know why there is a discrepancy between local and prod in that regard though? – Ksenia Jun 27 '17 at 21:22