Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #773084

    Hey guys

    I am using this macbook: 15.4-Zoll (2880 x 1800)
    Our website looks like this on it (see photo below). In the backend we’ve chosen “crossfading” for the slideshow transitions, although it just randomly uses different transitions.

    View post on imgur.com

    Now when I reduce the size of the display (how it should actually look like) the slideshow is showing correct, using the crossfading option.

    View post on imgur.com


    Also this is how the website should look like besides the slideshow thing.

    When I change the position of the layers in the slideshow (slogan and teaser on the right) so that it looks better on the lap top, it doesn’t look good anymore on a bigger screen, e.g. the computer we are using in the office, the position changes there. Same the other way around. Which I don’t understand because it should be responsive, right?

    Could you please check in our backend?

    Thanks and kind regards
    Aline

    #773831

    The big problem is that it doesn’t show nicely on a laptop, in responsive mode.

    View post on imgur.com


    Only if you reduce the size to 80% it looks ok, actually how it should look like. But it needs to be like that at 100% as well or at least the text positioning shouldn’t change!
    Same thing for the header: if I change the position of the text layers to fit it to lap top screen, it doesn’t fit anymore to a bigger, computer screen, meaning the positioning there obviously looks different/wrong.

    Appreciate the help, we need to change this asap.

    (Login in upper post is wrong, please see correct one below)

    Kind regards
    Aline

    #773836

    figured out the transition problem

    Problem with responsiveness still occurs

    #774151

    Hi realit-treuhand,

    Could you please be more specific about the responsive problem or/and attach print screens.

    Best regards,
    Victoria

    #775358

    Hi Victoria,

    The screenshots are in the post above. But here you go: http://imgur.com/a/qNlby#WAVSJas
    As you can see the text is not on the same height on a lap top, also the layers in the slider have a different position than on a bigger screen.

    Kind regards
    Aline

    #776279

    Hi Aline,

    I would not say I have a way to fix the issue, but I know the reason. In Safari in News column forts 2 news have an extra line, it gives that column an extra ~70px height and Safari show it like that. In Firefox and Chrome the text manages to stay without extra line so it all looks like it is the same height.
    There is always a chance that some browser will interpret the text with different spacing and it will break, it’s really hard to keep this kind of stuff aligned.

    View post on imgur.com

    Best regards,
    Victoria

    #789369

    okay, thank you Victoria.

    #789507

    Hi realit-treuhand,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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

You must be logged in to reply to this topic.