Cafe Pro – How to have site title (logo) stick to top on scroll?

[radiantaction]

Hi,
I love this theme. I have replaced the title block on the home page with a logo. However, I would like to move the logo up (or over) so it is not on the dog's face.

I've played around with css and can't seem to target it correctly. I like the default settings for the internal pages. It is only the home page that needs adjusting.

The site is: htttp://dev1.khtestsite.com

http://The site is: htttp://dev1.khtestsite.com

[ᴅᴀᴠɪᴅ]

It's because the layout of the theme has been done with display: table;

The easiest way is to change the vertical-align to top instead of middle. So,

.cafe-pro-home .site-header .wrap {
    display: table-cell;
    vertical-align: top;
}

This will put the logo above the dogs face. By setting it to 'top' you can now also change the padding if it isn't perfect. The padding wouldn't have worked before as it was set to 'middle'

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[radiantaction]

David,
That worked PERFECTLY!! Thank you so much. I can't believe I couldn't figure it out on my own and am grateful for the headache you saved me!

Kirsten

[Author]

Posts