outreach logo and header problems

[mbreslow]

Hi, I'm trying to put a logo instead of the text in the outreach theme.  I ended up putting it on the header but now the whole thing shrinks and looks AWFUL in mobile mode.  I really need the background to be the background and my logo to be on top.  How can I do this?

thank you!

http://mainsite.digitaloatmeal.net

[rfmeier]

Hello,

Here is a start;

` @media only screen and (max-width: 1200px){
#header{
background-size: contain !important;
}
`

This causing the image to scale with the widget of the #header element.  Removing this rule will prevent the background image from scaling.

You may want to try having the #header background image repeat on the y-axis since the #title-area and .widget-area are stacked on each other.

I did notice the .widget-area element has a float:left styling, but is being overrode by a width of 100%, preventing the two from displaying inline.

Hope this helps.

Ryan Meier @rfmeier

---

Ryan Meier – Twitter

[jtikcuf]

how did you make the portfolio?

---

Jtikcuf ‘~’

[Author]

Posts