I have a couple issues I’m trying to resolve. Any help with either of these would be greatly appreciated!
FIRST PROBLEM
On my landing page, scrolling horizontally pushes the content off the screen on mobile. This is not the case with all other pages in my project.
In the past I’ve consistently found the culprit to be DIVs or other objects with a width specified wider than the actual screen. I’ve double checked this, it doesn’t seem to be the problem here, everything appears contained within the screen’s boundaries in the editor. Any ideas?
SECOND PROBLEM
On my ‘news center’ page, I display the news source, date, and a separator dot in between the news source and date for each news story. The news source and separator dot aren’t visible on iOS in Safari or Chrome. They show up fine on Android, and on desktop web. Any ideas?
Thanks Sam! I removed that CSS class, and it fixed problem #1! Much appreciated!
Now, does anyone have any ideas on how to solve problem #2…
On my ‘news center’ page, I display the news source, date, and a separator dot in between the news source and date for each news story. The news source and separator dot aren’t visible on iOS. They show up fine on Android, and on desktop web. Any ideas?
Had a little play - when I changed the News Publisher overflow from Scroll to Visible the text disappeared, mirroring the behaviour you’re seeing, so I changed its Position from Auto to Relative and the field re-appeared. Same thing for the dot.
Not sure if this the issue but was unsure why these items were set to Scroll.
Can’t test it so don’t know if that was the problem, but hope this helps. Good luck