Jump to content


Photo
- - - - -

Feature Slider text is "crunched" to the left on iphone

feature

  • Please log in to reply
3 replies to this topic

#1 lakersalex

lakersalex

    Super Member

  • Members
  • 102 posts
  • LocationLos Angeles
  • Country: Country Flag

Posted 11 October 2012 - 07:42 AM

Have a look at

Please Login or Register to see this Hidden Content

on an iphone.

The text at the bottom of the slider is pushed to the left and doesn't flow the full width of the feature. It needlessly forces more rows of text when it could extend the full width of the feature on a single line. Why is that? It looks really bad on an iPhone. How can I fix this? Also, can I reduce the font size on the feature text on an iPhone? I was playing around a little with the custom css to target different width screens with the @media function.

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 October 2012 - 11:08 AM

Hi,

You could try something like this:


Please Login or Register to see this Hidden Content



#3 lakersalex

lakersalex

    Super Member

  • Members
  • 102 posts
  • LocationLos Angeles
  • Country: Country Flag

Posted 11 October 2012 - 02:17 PM

Thanks Danny, the text is indeed smaller but it doesn't stop the text from dropping prematurely to the next row. :/

#4 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 11 October 2012 - 09:25 PM

Hi there, the width on the slider is only set at 33% at the moment, so won't fill the entire slide.

Try the following css

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: feature