Menu

[Kim Hannan]

Client likes the Bottega layout but would prefer a dedicated menu bar beneath the header. Is this a quick fix or should I guide them to another Theme?
Thanks!

[Bill Robbins]

Kim,

It’s not hard to do that at all. The tablet size version of the theme sets things up that way actually. You can start off by using this CSS snippet:

	#header {
		height: auto;
	}
	
	#logo,
	#text-logo {
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
		width: 100%;
		height: 99px;
	}
	
	#logo img,
	#text-logo img {
		max-height: 100%;
	}
	
	#navigation {
		float: none;
		display: inline;
		width: 100%;
		margin-top: 10px;
	}
	
	#navigation ul {
		float: none;
		text-align: center;
	}
	
	#navigation .menu li {
		display: inline-block;
		float: none;
	}

That’s taken from the mobile version of the theme, but it’s a good starting point for creating that.

Let me know if you have any trouble,
Bill

[Kim Hannan]

Perfect. Now a color snippet and it’s exactly as they want

Thanks!!!!!

[Bill Robbins]

Fantastic!

[Author]

Posts