Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Background image problem

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #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
  #2  
Old 05-09-2018, 11:56 PM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Background image problem

You can use @media queries to target different devices in your CSS rules:
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
  #3  
Old 05-10-2018, 03:21 AM
 
goldensheep goldensheep is offline
 

Member
  
Join Date: Apr 2018
Posts: 19
 

Default Re: Background image problem

Oh crikey....I've had a look and I have no idea how to do that.

Can anyone guide me step by step?

Thank you

Sherri
__________________
X-Cart 4.7.9
Reply With Quote
  #4  
Old 05-15-2018, 10:18 PM
 
goldensheep goldensheep is offline
 

Member
  
Join Date: Apr 2018
Posts: 19
 

Default Re: Background image problem

I’ve got myself into a bit of a mess with endlessly changing sizes and code to try and make it work with all media sizes - and I seriously need some help now.

In addition to my first attempts, I have now tried using @media and different images for different screens sizes but still it only worked for some and not for others.

I have since removed all of that and gone back to the start by trying the image I want in the standard logo position but now its not scaling down for smaller devices, and I seem to have accidently done something that has moved the minicart/sign in/search bar half way down the header for where it should be at the top of the screen.
I seem to have got myself into a bit of a muddle and I need a developer or someone who knows what I've done, to help me resolve this. I'm happy to engane someone on a professional level.

I am beginning to lose the will to live as I have been struggling with this for a couple of weeks now and I seem to be getting no-where.
__________________
X-Cart 4.7.9
Reply With Quote
  #5  
Old 05-16-2018, 02:48 AM
  pauldodman's Avatar 
pauldodman pauldodman is offline
 

X-Guru
  
Join Date: Jul 2003
Location: Spain / UK
Posts: 3,052
 

Default Re: Background image problem

Hi Sherri

Yes, you've certainly gone beyond basic css and for this you need to be a lot further up a pretty steep learning curve I'm afraid.

You have my details - let me know if I can help!
__________________
Paul Dodman
e-business & m-commerce consultant
w: www.luminointernet.com
e: xcart@luminointernet.com

Professional X-Cart help, advice, support and services, specialists in Mobile X-Cart.
Reply With Quote
  #6  
Old 05-16-2018, 03:15 AM
 
goldensheep goldensheep is offline
 

Member
  
Join Date: Apr 2018
Posts: 19
 

Default Re: Background image problem

Yes please Paul,

I'll email you.

Sherri
__________________
X-Cart 4.7.9
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 04:32 AM.

   

 
X-Cart forums © 2001-2020