Jump to content


Photo
- - - - -

responsive backgrounds in header

responsive background image header

  • Please log in to reply
1 reply to this topic

#1 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 16 November 2013 - 09:04 PM

Hi guys and gals.

I'm trying to get this background image in my header to play nice and it just won't.

Take a look:

http://mkccc.dlsdesign.info

 

The issue is that the grass (which is only to stay behind the nav area as much as possible) is either too short on wide monitors or too tall when on mobile devices.

 

I figure it may be more of a graphic issue than a css, but some advice would be great.

 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15064 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 17 November 2013 - 11:55 AM

HI,

 

To resolve this you will need to use custom CSS and likely @media queries, which will allow you to run custom styles based on the resolution of your device. For more information see this post - http://css-tricks.co...andard-devices/







Also tagged with one or more of these keywords: responsive, background image, header