Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Breaking point hamburger menu

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: resolved

Tagged: genesis sample, nav menu, responsive menu

This topic has 2 replies, 2 voices, and was last updated 3 years, 3 months ago by yannick.brand.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
May 15, 2019 at 5:18 am #491171

yannick.brand
Member

Hello guys,

I'm new to the genesis theme and couldn't find anything on the internet so i hope someone can help me out. I have the genesis sample theme as child theme and trying to modify that to my own style, now i want to change whenever the Hamburger menu is showing up. Right now the hamburger menu is only shown when the screen is 959 or smaller. But i want to change that to 1280 or something if someone knows how to do this please let me know. Hope someone can help me with this issue:).

May 15, 2019 at 9:30 am #491174
Brad Dalton
Participant
Remove all the CSS rules for the menu from the @media only screen and (min-width: 960px) { media query and add them under a new media query like this :
```
@media only screen and (min-width: 1280px) {

/* CSS Rules for Menu */

}
```
Recent Client work
May 16, 2019 at 1:43 am #491189

yannick.brand
Member

Stupid that i haven't tried that and it worked. Thanks a lot 😉
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Breaking point hamburger menu’ is closed to new replies.