Reply To: How to add a sticky menu

Hey Dave,

Absolutely!

I am a little bit like that myself, although I do seem to be able to muddle my way through.

Since responsive is the way to go, and most Genesis child themes are already responsive, we need to take care of that too.

In many designs, the logo starts out on the left within the laptop/pc/monitor design size, but is then centered on lower resolutions (iPad, iPhone, etc.).

Genesis child themes include breakpoints in their CSS which change the way things are displayed at certain sizes. So lets say that we wanted our logo centered on any screen size below 768px.

We need to find the styles pertaining to this breakpoint, and add our new header style, as follows:

`@media only screen and (max-width: 767px) {
#header { background: url(“images/logo.png”) center no-repeat; }
}`

You can see that I’ve centered the logo instead of left aligned it. You can also use a different logo for lower resolutions, as follows:

`@media only screen and (max-width: 767px) {
#header { background: url(“images/logo-mobile.png”) center no-repeat; }
}`

That’s as far as I have got with that issue so far.

Terence.

P.S. Don’t like Jaffa cakes.  Its either a Jammy Dodger, or send me a picture and I’ll have a think about it.