kalium renders beautifully on almost all screens that i've tested on, but one size that is giving me problems is a full HD 10 inch tablet in portrait mode. the 1080x1920 screens deliver the desktop version, which results in lots of awkward column spaces and resizing issues. to be honest, at least with the site that i've built, i'd probably be happier if it still just delivered the mobile site at that size.
could you give me an idea how to change the media query from kalium's 768px up to, for instance 1100px? at least so i could test how it looks?
sorry for the delay. i don't think i explained myself properly. i wasn't asking for a media query for specific css, i meant the point at which the whole site goes from desktop layout to mobile. it happens at width: 768px, correct? i've been looking at editus.it on various screen sizes and it all looks good except on large tablets. the desktop site is being served at width: 1080px. at that size screen, i wanted to see what it would look like still serving the mobile site.
is there a script that you could help me with this? to change the point at which the desktop site is server from 768px to 1100px?
there's no way to change it? i've had a look at bootstrap.css, but i'll break it, for sure :) i suppose i'll just have to make a bunch of media queries for that size to get the pages into some sort of decent shape. thanks for replying, though. if you're interested, a good example of the 'problem' i'm seeing is this page: https://editus.it/edit
hi,
kalium renders beautifully on almost all screens that i've tested on, but one size that is giving me problems is a full HD 10 inch tablet in portrait mode. the 1080x1920 screens deliver the desktop version, which results in lots of awkward column spaces and resizing issues. to be honest, at least with the site that i've built, i'd probably be happier if it still just delivered the mobile site at that size.
could you give me an idea how to change the media query from kalium's 768px up to, for instance 1100px? at least so i could test how it looks?
thanks,
andrew
Hi Andrew,
Have you tried this:
@media screen and (max-width: 699px) and (min-width: 520px) { YOUR CSS HERE }Make sure you change the max and min width and replace them with the correct tablet size.
Best regards,
Laborator Team
hi,
sorry for the delay. i don't think i explained myself properly. i wasn't asking for a media query for specific css, i meant the point at which the whole site goes from desktop layout to mobile. it happens at width: 768px, correct? i've been looking at editus.it on various screen sizes and it all looks good except on large tablets. the desktop site is being served at width: 1080px. at that size screen, i wanted to see what it would look like still serving the mobile site.
is there a script that you could help me with this? to change the point at which the desktop site is server from 768px to 1100px?
hope that explains it.
andrew
Hi Andrew,
Unfortunately you can't change that as our theme is based on Bootstrap and the framework will manage it by itself the responsiveness and sizing.
Best regards,
Laborator Team
there's no way to change it? i've had a look at bootstrap.css, but i'll break it, for sure :) i suppose i'll just have to make a bunch of media queries for that size to get the pages into some sort of decent shape. thanks for replying, though. if you're interested, a good example of the 'problem' i'm seeing is this page: https://editus.it/edit
cheers!
andrew
Hi Andrew,
You're not the only one who asked about this but there is nothing we can do about it, if I could help you I would but there is for this.
I will set this ticket as closed now.
Best regards,
Laborator Team
ok, i understand. will find a workaround.
andrew