Jump to content


Photo
- - - - -

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

feature

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 lakersalex

lakersalex

    Super Member

  • Members
  • 102 posts

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
  • 17931 posts

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

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

  • Members

  • 5126 posts

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