Jump to content
lakersalex

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

Recommended Posts

lakersalex    4
lakersalex

Have a look at http://www.pcgreens.com/ 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.

post-31389-0-84719600-1349941148_thumb.j

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

You could try something like this:


@media screen and (max-width: 600px) {
#feature_slider .fcontent .ftitle {
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
#feature_slider .text-bottom .fcontent .ftext {
font-size: 12px;
}
}[/CODE]


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lakersalex    4
lakersalex

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

Share this post


Link to post
Share on other sites
James B    436
James B

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


#feature_slider .text-bottom .fcontent .fheading {

    width: 100%;

}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
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


  • Similar Content

    • AaronS
      By AaronS
      I've looked everywhere in the forum and haven't been able to find a workable solution. I'm using the feature slider on my main page. Rather than having the same order appear each time a user loads the page, I would love for it to display the features randomly. Likely this will require custom code, but that's beyond my abilities. Thanks in advance for the help.
    • angelopc
      By angelopc
      I have a new website (new.svctx.com) that I'm building for a client. I've added a Feature to the header that doesn't seem to load correctly. Maybe someone could take a look and give me some advice?
       
      Thanks!
    • FionaFell
      By FionaFell
      Hi Pagelines Team, 
       
      I'm adding blog posts to www.leadstoclients.com.au
       
      But would love to place the image between the 'title' and the 'content'. 
       
      I'm seeing these options: http://screencast.com/t/c1GggUigw
       
      But none of them seem to place the image where I hope it can be displayed. 
       
      Any tips on how I can get the image to appear here: http://screencast.com/t/F39iUNuq8Nd5 would be awesome. 
       
      Thanks for your help,
       
      Fiona
    • mxhg
      By mxhg
      Dear Pagelines Team,
       
      I want to create a website with a portfolio of the films I made.
       
      As "Portfolio" Page I use a template with the "Features" inside.
      My Problem: The Video should fill the right part of the feature box not just a bit.
       
      Remember to include as much information about your technical issue as possible for example:
      Website URL: http://imagefilmproduktion.com/portfolio/ (see Projekt 2 in the Features)
      Framework Version: 2.4.4
      WordPress Version: 3.6.1. 
      Plugins in Use: Exclude Pages, WIdget LOgic
      Server/Host: webspace
      Screenshots: attached
      Details:
       
      Now it looks like this: https://docs.google.com/file/d/0B2P2Kbg4kca2amVVMHpRaXdVa1U/edit?usp=sharing
      But it should look like this (Mockup): https://docs.google.com/file/d/0B2P2Kbg4kca2eF9GdzZVMWgtY3M/edit?usp=sharing
       
       
      best wishes
      Max
    • artfulintel
      By artfulintel
      Since updating to the most recent Framework version and WP 3.6.1, the most ODD thing is happening to my Features. When I'm logged in as an admin, the feature looks perfect on the page, it works fine, no issues. When I'm logged out, the feature goes a bit haywire. As you can see from the attached images, the feature images line up under each other, and extend past the height of the feature container. This messes up the controls too and the feature nav is hidden. AND the feature doesn't rotate.
       
      I can't list the site URL as it is behind our corporate firewall. :(
      Any help would be greatly appreciated.
       
      Thanks,
      Shawn
×