Enable Social Media Breaks Mobile Layout

[dac514]

Prerequisites

Check the boxes below by changing them from [ ] to [x].

• Can you reproduce the behavior you wish to address with all plugins except Pressbooks deactivated?
• Are you running the latest version of Pressbooks, the latest version of Pressbooks Book, and the latest version of WordPress?
• Are you experiencing the issue while using this book theme?
• Did you perform a cursory search to see if your bug or enhancement is already listed?

Description

When I enabled "Add buttons to cover page and each chapter so that readers may share links to your book through social media: Facebook, Twitter, Google+" the layout is broken on my Android (Moto E, Chrome)

Tested in Luther (and Asimov Color)

Steps to Reproduce

1. Theme Options -> Web Options -> Enable Social Media
2. Navigate to a page on an Android (or emulate in Chrome)

Expected behavior: [What you expected to happen]

Actual behavior: [What actually happened]

System Information

Using a private test book for tests: https://dactest.pressbooks.com/front-matter/introduction/

[greatislander]

Done.

[dac514]

In Textopress:

With Social Buttons, without comments:

With Social Buttons, with comments:

The second one is still a bit off.

[greatislander]

I'm seeing this on Textopress right now:

Is it still not appearing properly for you, @connerbw?

[dac514]

@greatislander

If I drag and drop the edges of my browser to the smallest possible size it's fine.

The problem happens in device mode ( in Chrome, I do CTRL+SHIFT+J -> CTRL+SHIFT+M to activate it )

Hope this helps.

[greatislander]

Set max-width: 100vw; and it seems to be working for me now.

[dac514]

Works for me.