Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 15, 2015 at 12:28 pm #503273
    Jens

    Dear Enfold-Team,

    I’d like to change the max-width of my menu from 767px to 910px. At the width 910px the menu should change to the mobile-menu. I already tried to change the @media submenu css-code in the from the shortcode.css. I’m using an enfold-child-theme. But it didn’t work.

    How do I get this to work?

    Thx in advance,
    ehnatnor

    September 15, 2015 at 4:25 pm #503456
    Elliott

    Hi ehnatnor!

    So when the screen drops down to 910px you want to switch to the mobile menu correct? Add this to your custom CSS.

    @media screen and (max-width: 910px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    Best regards,
    Elliott

    September 15, 2015 at 6:36 pm #503599
    Jens

    Thanks Elliott,

    works fine. I added “#advanced_menu_hide” so that the menu-close-button alo shows up, if the mobile menu is open.

    @media screen and (max-width: 910px) {
	nav.main_menu {
		display: none !important;
	}
	#advanced_menu_toggle {
		display: block !important;
	}
	#advanced_menu_hide {
		display: block !important;
	}
}

    Greetings,
    ehnatnor

    • This reply was modified 9 years, 3 months ago by Jens.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive menu-width’ is closed to new replies.