[Resolved] Css adjustments

Home Forums Support Css adjustments

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

    Hello!

    Can i implement any css to make the page container smaller for better visibility when viewport’s height is lets say under 700px…?

    I havent found exactly in what height and under are best to apply these rules.
    I just stumbled upon my site navigating it through an oldish kinda laptop and it was hard on the eyes, elements were large for the viewport etc…

    #1227868
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You can likely just using @media with min-height or max-height depending on your needs:

    @media (min-height: 800px) {
        /* Everything in here for when height is larger than 800px */
    }
    #1228330
    johnaps

    truth is i get the size i want if i make the class

    .inside-article {
          transform: scale(0.9);
    }
    

    But that makes the page have padding all around the content…
    Is there a way to scale down the page content and keep the original position somehow?

    #1228342
    David
    Staff
    Customer Support

    Hi there,

    Is the issue only visible on this ‘oldish’ laptop ?
    As it may be related to the screen resolution of the device or even browser zoom level.

    Last thing you want to do is improve the look of the site on an old device to find it negatively affects modern small screen devices

    #1228447
    johnaps

    No truth is i tried in on my desktop as well and i like it… my content is showing a bit larger than i want…
    I am trying to achieve amazons style on my site, and their content relative to their header is smaller…
    So should mine…

    Can i scale it down somehow? On all devices?

    #1228677
    David
    Staff
    Customer Support

    I wouldn’t suggest using transform scale on all of your content – lower spec devices will suffer on performance.

    Why not just reduce content font sizes, padding, separating spaces, thumbnail sizes ?

    #1231494
    johnaps

    I managed to get around with tinkering all elements css, took me half a day but it did it :D!! Thank you for your suggestions David!!!

    #1231808
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.