View Single Post
  #1  
Old 05-09-2018, 09:54 AM
 
goldensheep goldensheep is offline
 

Member
  
Join Date: Apr 2018
Posts: 19
 

Default Background image problem

Hi,

I'm using a background image in the header and I'm having trouble getting it to show properly on both PC and Mobile.

I firstly tried it as a block which worked well but had overflow on the mobile when viewed in landscape.

I then tried sizing it using 'contain'. That worked great on the mobile but was then was stretched on the PC.

I then tried adding width / height sizes which looks great on the PC but far too big on the mobile.

Can anyone help me to understand the best way to do this please?

BTW my css is sketchy, but I'm rapidly learning.

I'm using the light_responsive template.

Thank you
__________________
X-Cart 4.7.9
Reply With Quote