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

Black Menu Bar Appearing on Smaller Screens #11

Open
cedon opened this issue Oct 23, 2016 · 0 comments
Open

Black Menu Bar Appearing on Smaller Screens #11

cedon opened this issue Oct 23, 2016 · 0 comments

Comments

@cedon
Copy link

cedon commented Oct 23, 2016

When the theme is displayed one a small screen, a black bar appears across the top pushing the content down 64px (4em).
menubar01

When the Menu button is pressed, this black bar disappears and the content is flush against the top of the viewport as shown in the video.

menubar02

It seems to be related to the .nav-menu rule on line 733 of style.css which is:

.nav-menu {
    padding: 1em;
    margin-bottom: 3em;
    background-color: #000;
}

If I disable the padding and the margin, the black bar is gone but when the menu is toggled it is offset and partially covered by the menu button.

menubar03

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

No branches or pull requests

1 participant