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.

Sign up for GitHub

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

Jump to bottom

Is it possible to configure different setting with a mediaquery #69

Open
staeff opened this issue Oct 9, 2018 · 1 comment
Open

Is it possible to configure different setting with a mediaquery #69

staeff opened this issue Oct 9, 2018 · 1 comment

Comments

@staeff
Copy link

staeff commented Oct 9, 2018

I would like to have hamburger menu on a mobile site than on a tablet or desktop. Is there a way to configure hamburgers for such cases? I guess my question is similar to #63, but I was not sure.

Thanks!
@JayceDugan
Copy link

JayceDugan commented Dec 5, 2018 •
edited
Loading

Hey there staeff, for this you would use a media query.

See - https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

For example:

.hamburger-menu { // Allow menu to be shown initially on mobiles
display: block;
}

@media all and (min-width: 767px) { // Hide for tablets
.hamburger-menu { display: none; }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@staeff @JayceDugan