April 6, 2017 at 10:55 am #773084
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.
Now when I reduce the size of the display (how it should actually look like) the slideshow is showing correct, using the crossfading option.
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
AlineApril 7, 2017 at 10:35 am #773831
The big problem is that it doesn’t show nicely on a laptop, in responsive mode.
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)
AlineApril 7, 2017 at 10:43 am #773836
figured out the transition problem
Problem with responsiveness still occursApril 7, 2017 at 7:55 pm #774151
Could you please be more specific about the responsive problem or/and attach print screens.
VictoriaApril 10, 2017 at 10:28 am #775358
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.
AlineApril 11, 2017 at 7:57 pm #776279
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.
VictoriaMay 8, 2017 at 10:08 am #789369May 8, 2017 at 12:42 pm #789507
You must be logged in to reply to this topic.