Jump to content

CSS Style Attribute? - Mobile Response eBay Template Font Sizing


Vang
 Share

Recommended Posts

I recently had a HTML template developed for my eBay Store that is mobile response for both browser and mobile devices. I have intermediate knowledge in HTML & CSS and did a majority tweaks to get everything right. I am new to mobile responsive CSS code and wasn't able to figure out a few things within' my template. I have attached both the HTML and CSS to this thread and you can access the HTML template directly by following this link: http://www.fridgeplus.com/misc/eb-template-1.html

I am confused about the CSS style that resizes font versus wrapping the text to the next line when the template width is decreased or when opened in a mobile application. Specifically the problem I'm having with this template is the Title "Frigidaire 5,000 BTU Compact Window Air Conditioner" and Subtitle "Brand New w/ 1 Year Parts/Labor & 5 Year System Warranty." In desktop view, the font size and positioning is just fine but when viewed in mobile, (Mobile Screenshot Attached) the title font size becomes smaller and the subtitle font size stays large and wraps to the 2nd line. I would rather have it be the exact opposite. I played with the CSS attributes for these headers but wasn't able to figure out how to achieve this style.

If I can learn this style, I'll be able to improve other aspects and would appreciate any insight. Thank you for your time.

mobile-example-view.jpg

eb-template-1.html products.css

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...