-
Dear Support,
Our homepage grid has room to grow on mobile https://curvspace.com/
Heres what I see https://postimg.cc/xc38CH3z
Theres lots of white space on left and right screen sides, to allow for a bit larger thumbnails/grid, no?
Like post page https://curvspace.com/hallway-lighting-ideas/ text body nicely fills out the screen.
Could you please help us, but mind the special code David applied https://generate.support/topic/image-size-vs-pagespeed/
Thank you.
-
Hi there,
Could you explain more about the layout you’re trying to achieve? Are you asking about removing the left and right padding on the homepage?
-
Hi Alvind thats right, well not removing but decreasing the left and right padding (yellow highlights) with 50% on mobile homepage, and increase images size a bit. But I dont want to break the code that selects smaller sizes for homepage thumbnails speed.
-
Hi there,
you have some custom CSS that is adding left and right margins to the main container.
eg..grid-container { margin-left: 20px; margin-right: 20px; max-width:1920px }Which is fine for larger screens.
For mobile you can add this CSS to reduce that value:@media(max-width: 768px) { body:not(:is(.single, .page)) #page { margin-inline: 5px; } }Adjust the 5px to suit your needs.
-
Looks great on mobile now full and plump, thank you David
-
Bit like me lol.
Glad to be of help!
- You must be logged in to reply to this topic.