- This topic has 7 replies, 3 voices, and was last updated 1 year ago by
David.
-
AuthorPosts
-
April 5, 2020 at 8:25 am #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…April 5, 2020 at 4:20 pm #1227868Tom
Lead DeveloperLead DeveloperHi there,
You can likely just using
@media
withmin-height
ormax-height
depending on your needs:@media (min-height: 800px) { /* Everything in here for when height is larger than 800px */ }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 6, 2020 at 5:18 am #1228330johnaps
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?April 6, 2020 at 5:36 am #1228342David
StaffCustomer SupportHi 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
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 6, 2020 at 7:15 am #1228447johnaps
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?
April 6, 2020 at 8:22 am #1228677David
StaffCustomer SupportI 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 ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 8, 2020 at 9:02 am #1231494johnaps
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!!!
April 8, 2020 at 2:23 pm #1231808David
StaffCustomer SupportGlad to hear that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.