-
-
Notifications
You must be signed in to change notification settings - Fork 63
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
Displays incorrectly on iPad #275
Comments
Please add a screenshot? |
This issue has been automatically marked as stale because it has not had recent activity. The resources of the Hugo team are limited, and so we are asking for your help. |
I believe this can be replicated in Chrome dev tools as shown below It seems just a minor overlap to me and I'm not sure what would the best way to tackle it: tried a couple of ways but there are issues and I think leaving this as is would be a minor thing since it is a slight overlap at the end of the box Option 1) Reduce padding of social to 0Issue that is looks odd to me without padding https://github.com/thewheat/hugoDocs/pull/new/fix-ipad-display-option-1 Option 2) Add right padding to the search bar so that there is space without overlappingCaveat with this is that at 1024px the search is now on a second line Option 3) Reduce right margin of menu items to allow extra space without overlapThis probably has the least caveats but there is still a very slight overlap and things feel a bit more cramped and if the menu items change to be longer it would still overlap Am open to other suggestions that I can try test out |
The black header bar displays incorrectly on iPad in landscape mode. The magnifying glass in the search box is not situated correctly, and the Twitter and github icons on the right hand side are not aligned correctly in the vertical direction.
The text was updated successfully, but these errors were encountered: