Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24211

    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 ?

    #122743

    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

    #122744

    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

    #122745

    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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘slider image in tablet & smartphone’ is closed to new replies.