Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 2, 2013 at 4:05 pm #24211
    nimrodmadar

    in order to align the slider text & the logo i gave the Layers Container valur of 1450 (slider general settings).

    it looks fine on desktop full screen but not so good in everything else.

    you can take a look here, url: http://www.glassesoff.com/homepage/

    the line + blue dot is in position in desktop full screen but moves to the right in smartphone and tablets.

    What am i missing here, how can i fix this ?

    June 4, 2013 at 12:08 pm #122743
    Nick

    Hi,

    Dont use a font size in pixels, instead use em. i think 1.6em = 14px. But em are responsive measure of distance so convert all your pixel measurements, especially for fonts. Play around with em till you get the right size. Maybe start with 1.9em

    Thanks,

    Nick

    June 5, 2013 at 6:02 am #122744
    nimrodmadar

    Nick hi,

    I tryed doing what you recommended, but it did not move the silde text/button to the right position (as it looks in the full width desktop).

    It must be some other thing …

    do you have an idea ?

    Thanks

    June 6, 2013 at 12:27 am #122745
    Nick

    Hi,

    Please try adding this css to your /css/custom.css .. You should play around with those numbers

    @media only screen and (max-width: 479px) {
    
span.ls-s-1, p.ls-s-1 {
    

    
font-size: .65em !important;
    
line-height: 1.11em !important;
    
}}

    I don’t see the dot and the phrase to its right move anywhere in smaller screen sizes. http://www.clipular.com/c?7289023=s7IOHczI8yQeEbHbV2eupP8gvWw&f=.png

    Thanks,

    Nick

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘slider image in tablet & smartphone’ is closed to new replies.