eBay
  • Daily Deals
  • Sell
  • Customer Support

eBay Community

THE ANSWER CENTER

The Answer Center is your place to ask fellow eBay Community members questions about buying and selling on eBay, and for you to share your best information, tips, and insights to help other members get answers to their own questions.

View All Questions

Choose a topic to view

GROUPS

Groups is a great place to connect with other community members who share similar interests. Give support, share information, and connect with fellow members. Create or join a Group today!

CHOOSE A GROUP TO VIEW


Announcements

The latest news and updates affecting eBay buyers and sellers

Go Now

EBAY COMMUNITY POLICIES

Our policies are designed to create a safe and fair environment for all eBay members. Learning what’s allowed can help you avoid unintentionally breaking the rules and helps everyone in working with reliable, trustworthy members.

Go Now
Showing results for 
Search instead for 
Do you mean 

My Profile

Welcome!
PEOPLE YOU FOLLOW

Connect with Fellow eBay Community Members!
Register or Sign In Today!

Reply
milodesign
Community Member
Posts: 1,245
Registered: ‎04-12-2007

FYI - a mobile-friendly template

Sellers have been asking me for more mobile-friendly templates - and it's been a trick to get something to look good on a monitor, tablet & phone since eBay doesn't allow us to add CSS for mobile. This is a layout I've been going to so it looks nice on a monitor while the description text appears right away on a phone: http://www.ebay.com/itm/171053400692. (Getting away from a header on the template and using a "right/top sider"...)

Please use plain text.
robshelp
Community Member
Posts: 555
Registered: ‎07-29-2005

Re: FYI - a mobile-friendly template

in reply to milodesign

Sally,


 


Your example layout seems to assume either the shopper is using a computer (in which case the full item description images, text, and styling appears) or a device to which eBay redirects to the version of the item listing that displays the item description text only with minimal HTML formatting.


 


There's a very significant third possibility the listing will be visited using a smart phone in which case eBay directs to a version of the listing that will display the item description fully rendered.  To accommodate that version ideally the block content should scale to the viewport (window size) of the phone so all or at least most of the layout width initially appears.  Typically a smart phone will allow pinching to expand or contract the overall contents so getting it ALL to fit initially isn't critical.  Your example is locked to an overall width of 1122 pixels which is a few hundred pixels too wide for that initial view.  940 would be better.  Here's a simple layout that accommodates all three possibilities:


 


http://auctionwriter.com/?ve=2418


 


Notice how it contracts to smaller widths when viewed in a narrower window.


 


Hope this helps,


 


Rob

Visit my About Me page to learn about FreeForm and FreeForm2 - Free to use, wonderfully flexible tools for creating and using custom templates. No HTML knowledge required. Use with non-eBay hosting to display photos in any size, marked up however you like
Please use plain text.