Hello, there.
What exactly do you mean about the “bar going down in full screen?”
What are you trying to accomplish exactly, and what isn’t working the way you expect?
If you’d be able to provide us with more details or especially screen shots of the issues you’re seeing, that would definitely help.
—
Before you do, though, would you be able to try disabling all other plugins except for Jetpack to see if the issue continues? If everything looks normal while doing so, then you can switch on each other plugin one by one until you see the problem happen again.
If you still see the issue even with all other plugins disabled, could you also try switching out your theme for a more minimalistic one (such as Twenty Nineteen) to make sure this isn’t some sort of conflict with the other themes you’ve tried?
Please let us know the information above and the results of the above troubleshooting and we can go from there. Thanks!
When Jetpack’s share buttons are active and the official AMP is active, the full-screen right sidebar pops out of place and goes to the bottom of the screen.
Wrong view with the right bar (right sidebar) displaced due to active jetpack share buttons. https://drive.google.com/file/d/1QbQAfYurQ8W8QKxcnjeXIwYsMcSaa9R0/view?usp=sharing
On the other hand, if I deactivate the Jetpack share buttons they are deactivated and the official AMP remains active, then the right sidebar remains in the correct place.
Right view with right bar (right sidebar) with jetpack share buttons off and AMP active.
https://drive.google.com/file/d/1IU0xbVBFfqPnJ_zRelUKl3BWmMHT–7S/view?usp=sharing
Only jetpack and official AMP are active in the tests.
I have tried it with 3 different themes with the same result.
I can’t test Twenty Nineteen because it doesn’t have a right sidebar.
Reviewing the code in the sharing-service.php file, I found that line 930 looks like this: $sharing_content .= ‘</div></div></div>’; With that, the left bar problem appears.
Now, on that same line 930 I left it like this: $sharing_content .= ‘</div></div></div>’; That way, it works correctly, both in the version without AMP and with the AMP version.
Plugin Contributor
Ryan C.
(@ryancowles)
Hi @politikaperu, thanks for the additional information! I’ve had a look at your screenshots and I see what you mean. I’ve been trying to determine what the expected behavior is, according to the official AMP documentation. What I’d like to do is remove as many potential causes for this issue as we can, so we can determine the root cause.
Looking at your site, it seems the source-code is minified. Can you temporarily disable that minification and any caching that may currently be enabled? That will allow us to better view the markup and troubleshoot things further.
I have tried it with 3 different themes with the same result.
I can’t test Twenty Nineteen because it doesn’t have a right sidebar.
Could you try reproducing this issue with the Twenty Sixteen theme? Twenty Sixteen has a right sidebar, so that might be useful in troubleshooting as well.
Please let us know about the above and we’ll go from there 🙂
Good evening, thanks for replying. I start at the end.
I tried Twenty Sixteen theme, I attach 2 images and the problem persists.
https://drive.google.com/file/d/1hdK7IJR_gItDXSKwChEO02jUyRPBviS4/view?usp=sharing
https://drive.google.com/file/d/1U7kZXwwyLIKpxp1hXO49pVxjDZtgpYFs/view?usp=sharing
As I mentioned, they are only activated for the Jetpack and official AMP tests, I attach 2 images, without any active cache plugin.
https://drive.google.com/file/d/10MZxLV-uVhBDj0VGosEOeBq_H2OIjDSk/view?usp=sharing
https://drive.google.com/file/d/1DrhLhTGT-BdsP6f0GJBWSSO1pNiot8Hl/view?usp=sharing
I repeat when the Jetpack share button appears the error, if I deactivate the share button the error disappears.
As I repeat, when reviewing the code in the sharing-service.php file, I found that line 930 looks like this: $ sharing_content. = ‘</div> </div> </div>’; With that appears the problem of the left bar.
Now, on that same line 930 I left it like this: $sharing_content.= ‘</div>’; that is, I removed 2 DIV closures and that way it works correctly, both in the version without AMP and with the AMP version.
Plugin Contributor
Ryan C.
(@ryancowles)
Thanks again for the additional information. I’ve been trying to reproduce this issue, but I’ve been unable to do so. This is what I tried:
- Created a new site, installed and activated the Twenty Sixteen theme.
- Installed and connected the Jetpack plugin.
- Enabled Jetpack’s Sharing buttons.
- Installed and activated the official AMP plugin.
- Visited an AMP version of a post.
The sidebar still worked as expected. I took a screenshot so that you can see the result here:
Are there any steps that I missed? I just want to make sure that I fully understand all of the steps that lead to the problem here.
Please let us know about the above! I also wanted to ask, can you provide us with a screenshot of your entire sidebar? I want to rule out a specific widget being the culprit here as well.
Thanks again for your continued help and troubleshooting here 🙂
Stop the presses.
I did the following, deactivated and de-installed jetpack.
After that, I reinstalled it, reloaded all the previous configurations that I already had configured.
And the miracle happened. The right bar was properly in place. https://drive.google.com/file/d/1lcfKU7VpirWiNOjIiT_zDCJ3sGAiVI8z/view?usp=sharing
Your last contribution was very illustrative since it made me wonder what would happen if I uninstalled and reinstalled Jetpack.
Thanks for your help.
Plugin Contributor
Ryan C.
(@ryancowles)
Thanks for the update, I’m glad to hear that you were able to get this resolved 🙂
