Vang Posted October 8, 2020 Share Posted October 8, 2020 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. eb-template-1.html products.css Link to comment Share on other sites More sharing options...
dsonesuk Posted October 8, 2020 Share Posted October 8, 2020 Its the media queries setting font-size: 14px for (max-width: 767px) and (min-width: 320px), (max-width: 450px) Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now