Vertical Menu With CSS only for MainTop

  • Your help please in understanding how I can use media queries to make menu adjustment for mobile phones by switching the menu items to vertical presentation. Here’s my WP test site https://test.dfigdesign.com

    How would one use the new WP 3.0 menu functionality offered by wp_menu_nav to re-align into vertical menu items for the mobile phone?

    Here is my non-Wordpress site which is achieving what I would like to happen with WP – https://test.dfigdesign.com/citrus

    Thank You ~

Viewing 1 replies (of 1 total)

  • Depends how your theme is set up… I have

    #nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}

    so all the list items float

    then when I get down to @media (max-width: 450px) {

    I have my menu

    #nav li {
		float: none;
		width: 100%;
	}
	#nav ul {
		top: 0;
		left: 150px;
	}
	#nav ul ul {
		top: 0;
		left: 75px;
	}

    which unfloats them and makes them full width, so they stack….

Viewing 1 replies (of 1 total)
  • The topic ‘Vertical Menu With CSS only for MainTop’ is closed to new replies.