Jump to content

- - - - -

responsive backgrounds in header

responsive background image header

  • Please log in to reply
1 reply to this topic

#1 SaleekR†



  • DMS Subscriber†
  • 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:



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


    Is Awesome!

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

Posted 17 November 2013 - 11:55 AM



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