Page 1 of 1
Several Breakpoints but some text is still rendered outside the viewport?
Posted: Fri Jul 05, 2024 5:49 pm
by Fredl
Hello all, I have a site I just published that has a small issue where the content doesn't fit certain phone's viewport despite the fact that I have 2 breakpoints, One is set smaller than the screen resolution on my pixel, the other equals it. I had to pinch zoom a bit to get everything to fit. I chose "enable responsive fonts" but I'm thinking there is another property I need to tweak to get it to display right. I suppose it's possible that since my phone's screen width is 1080 it didn't load the one breakpoint I have set, 480. so I added another breakpoint, 1080 but I was wondering if there is a simpler solution.
The site is friendsoftheark dot org.
project files are here:
https://drive.google.com/drive/folders/ ... sp=sharing
I appreciate any tips, thanks!
Re: Breakpoint is smaller than phone screen but some text is rendered outside the viewport?
Posted: Fri Jul 05, 2024 6:43 pm
by Fredl
I added another breakpoint and made sure to set some problematic text to "full view" but I still have a bit of an issue where some content doesn't fit.
Re: Several Breakpoints but some text is still rendered outside the viewport?
Posted: Fri Jul 05, 2024 8:04 pm
by Pablo
To which page in your project is your question related?
And what do I need to do to see the issue?
For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134
Re: Several Breakpoints but some text is still rendered outside the viewport?
Posted: Fri Jul 05, 2024 8:10 pm
by Fredl
The home page mostly, which is included in the project files. I opened the site on my phone, home page, and there are items outside the screen to the right including the menu, I didn't include it in the project folder but if you visit the "About/Contact" page on your phone you may see the same thing, the right side of the page is off screen for me, so the controls for the slideshow aren't visible on that side. Thanks
Re: Several Breakpoints but some text is still rendered outside the viewport?
Posted: Sat Jul 06, 2024 6:21 am
by Pablo
The home page seems to be ok for me. Also, on my iPhone. Maybe you will need to clear your browser cache?
The about page is slightly to wide, because some of the images have a fixed width instead of full width.
Re: Several Breakpoints but some text is still rendered outside the viewport?
Posted: Tue Jul 09, 2024 2:35 am
by Fredl
Thanks Pablo, I'll look into that.