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

mises.org - layout is messed up #1343

Closed
webcompat-bot opened this issue Jul 5, 2015 · 3 comments
Closed

mises.org - layout is messed up #1343

webcompat-bot opened this issue Jul 5, 2015 · 3 comments

Comments

@webcompat-bot
Copy link

URL: https://mises.org/
Browser / Version: Firefox Mobile 38.0
Operating System: Android
Problem type: Layout is messed up

Steps to Reproduce

  1. Navigate to: https://mises.org/
  2. Look at the banner.

Expected Behavior:
For within the width of the mobile screen, I.e. scaled properly.

Actual Behavior:
It's too wide and is wider than the rest of the page. Looks really ugly.

@karlcow
Copy link
Member

karlcow commented Sep 8, 2015

The banner is controlled by

.img-responsive, .img-responsive img, .node-blog .body-content p img {
    display: block;
    max-width: 100%;
    height: auto;
}

which is the now infamous Firefox Web compat issue about intrinsic width.
https://bugzilla.mozilla.org/show_bug.cgi?id=823483

@karlcow
Copy link
Member

karlcow commented Sep 8, 2015

This is fixed by setting the width of the nesting a

.logo.navbar-btn {
    margin: 0px;
    padding: 40px 20px 20px;
    width: 100%;
}

@karlcow
Copy link
Member

karlcow commented Feb 10, 2016

duplicate of #1477

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants