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

How do I change parts of the skin for mobile browsers only?

 
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)
 
Thread Tools Search this Thread
  #11  
Old 10-23-2014, 11:14 PM
  tony_sologubov's Avatar 
tony_sologubov tony_sologubov is offline
 

X-Cart team
  
Join Date: Jan 2009
Posts: 2,431
 

Default Re: How do I change parts of the skin for mobile browsers only?

What exactly do you want to change in these templates? These templates just contain inclusion of elements of certain view lists, so it is still quite unclear to me what exactly you are trying to achieve.
__________________
Found a bug in X-Cart? Post it to our bug tracker!
Know how to make X-Cart better? Suggest an idea!
Reply With Quote
  #12  
Old 10-24-2014, 10:55 AM
  Dr. Bogger's Avatar 
Dr. Bogger Dr. Bogger is offline
 

Member
  
Join Date: Oct 2014
Location: Saratoga Springs, NY
Posts: 16
 

Default Re: How do I change parts of the skin for mobile browsers only?

I need to arrange the <div> parts to allow for better display on mobile devices. Right now it's split into left and right columns, and I need to change it to 1 column (but only for mobile devices).
__________________
X-Cart Version: 5.2.3
Reply With Quote
  #13  
Old 10-25-2014, 06:15 PM
  Dr. Bogger's Avatar 
Dr. Bogger Dr. Bogger is offline
 

Member
  
Join Date: Oct 2014
Location: Saratoga Springs, NY
Posts: 16
 

Default Re: How do I change parts of the skin for mobile browsers only?

Can you point me in the right direction?
I don't think the media css will do what I need.
__________________
X-Cart Version: 5.2.3
Reply With Quote
  #14  
Old 10-30-2014, 02:17 AM
  tony_sologubov's Avatar 
tony_sologubov tony_sologubov is offline
 

X-Cart team
  
Join Date: Jan 2009
Posts: 2,431
 

Default Re: How do I change parts of the skin for mobile browsers only?

Quote:
Originally Posted by Dr. Bogger
Can you point me in the right direction?
I don't think the media css will do what I need.

You can set up the CSS rule like this:

Code:
#sidebar-first { float: none; }

and it will achieve what you need.

Surely, if you want to add this rule depending on the device's width, the code would be something like this:

Code:
@media (max-width: 480px) { #sidebar-first { float: none; } }
__________________
Found a bug in X-Cart? Post it to our bug tracker!
Know how to make X-Cart better? Suggest an idea!
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)


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 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 07:28 AM.

   

 
X-Cart forums © 2001-2020