Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Logos using Flex display stretch vertically on iOS #516

Closed
jessecowens opened this issue Oct 8, 2021 · 0 comments
Closed

[Bug] Logos using Flex display stretch vertically on iOS #516

jessecowens opened this issue Oct 8, 2021 · 0 comments
Labels
bug General bug issues
Milestone

Comments

@jessecowens
Copy link
Member

Describe the bug
On certain new versions of iOS Safari, the logo element's tag has an inline style to display: flex but it stretches according to the row not the column.

Adding the following rule resolves the problem:

a.bgc_logo.custom-logo-link { flex-direction: column; }

To Reproduce
Steps to reproduce the behavior:

  1. Using an iPhone 12 Pro (not other devices) or iPhone 13
  2. Create a Custom Page header that uses the logo shortcode
  3. Note that the logo stretches according to the row not the column

Expected behavior
The logo should flex according to the width of the mobile column

Screenshots
flex-direction-bug
Desktop (please complete the following information):

  • OS: iOS on iPhone 12 Pro or 13 Pro
  • Browser Chrome and Safari

Additional context
This issue was reported in the BoldGrid Support Forums

@jamesros161 jamesros161 added the bug General bug issues label Jul 6, 2022
@jamesros161 jamesros161 added this to the 2.16.3 milestone Aug 24, 2022
jamesros161 added a commit that referenced this issue Aug 29, 2022
jamesros161 added a commit that referenced this issue Aug 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug General bug issues
Projects
None yet
Development

No branches or pull requests

2 participants