images and text on mobile

Posted in: Newspaper
Post count: 39
kytmagic
#262372
Nov 15, 2018 at 11:53 pm

http://backup.facetofacegames.com

How do I make it so the images and text don’t cross the borders? Is it a matter of using CSS?

Post count: 20688
Simion C.
#262476
Nov 16, 2018 at 3:12 pm

Hi,

That content is not responsive from what I can see. The container has a fixed width at all times. I could give you a code that you can enter in the phones section in the Theme panel-> Advanced CSS

.bosu {
width: 100%;
}

Result – https://www.screencast.com/t/90mrxsHhrT3r

Thanks

Post count: 39
kytmagic
#262533
Nov 16, 2018 at 7:33 pm

Hey Simion you’re the best. Is it just better to work in %s for mobile? Trying to learn. =D

Post count: 20688
Simion C.
#262730
Nov 19, 2018 at 10:55 am

Hi,

In most cases working with percentages instead of fixed values means the result will be responsive. Like in the case from above, while it does look good on desktop or larger devices, on mobile there is a problem.

Also media queries are very helpful for creating responsive designs
– https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.