| We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| [Solved]Need help adapting random quotes to mobile codes | |
|---|---|
| Tweet Topic Started: Feb 17 2018, 12:22 PM (249 Views) | |
| vkaryl | Feb 17 2018, 12:22 PM Post #1 |
|
Member
![]() ![]() ![]()
|
[posts split from mobile codes tutorial topic. //helena] http://support.zathyus.com/topic/7013266 Our forum at http://s15.zetaboards.com/TES_DiD/index/ uses a Random Quotes code above the main part of the pages; the forum is running Helena's Morrowind theme. On anything smaller than an iPad (many phones) the random quotes are squashed badly. Screenshots If you could help me out with a fix, I'd appreciate it! Edited by Helena, Feb 18 2018, 06:13 PM.
|
![]() |
|
| fnuppage | Feb 17 2018, 03:31 PM Post #2 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]()
|
Viewing on an Android phone I am unable to replicate this, the quotes, even longer ones display as they should in both Portrait and Landscape modes |
![]() |
|
| vkaryl | Feb 18 2018, 10:06 AM Post #3 |
|
Member
![]() ![]() ![]()
|
Hmmm. I don't use a phone in that way myself, and I'm pretty sure my antique flip-phone wouldn't have a size for it anyway! I'm not sure what phones the members with issues have but maybe not Android. I'll check with them. Edited to add: They're on Android 7 - one with a Note 8, one with a Samsung A5; haven't heard back from the third member yet. For all three, the random quotes cover the inbox completely. Edited by vkaryl, Feb 18 2018, 07:26 PM.
|
![]() |
|
| fnuppage | Feb 18 2018, 08:11 PM Post #4 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]()
|
Following screenshot taken using Anroid 7.1 on Nokia 3 Phone - Shows one of the longer quotes![]() |
![]() |
|
| Helena | Feb 18 2018, 08:39 PM Post #5 |
![]()
M is for Mod
![]()
|
Guest view seems to be fine. Maybe the problem is happening when logged in. |
![]() |
|
| Eclypse405 | Feb 18 2018, 09:33 PM Post #6 |
|
Member
![]() ![]() ![]()
|
Wrap your script in
and then add this to your CSS
Change 3px to your liking. Took me resizing my chrome browser as small as I could get it to find the issue
|
![]() |
|
| vkaryl | Feb 18 2018, 09:47 PM Post #7 |
|
Member
![]() ![]() ![]()
|
Thanks guys! I'll give that a shot, Eclypse405, and will report back once the members with the issue get back to me about it. Edited to add: The member with the Note 8 is still seeing the problem. This is likely due to the fact that the Note 8 (according to mydevice.io) has effective css display width of 320px. I've tried changing the width in the css line you provided but it doesn't seem to be helping with the overlap. I'm wondering about perhaps doing something so that the random quotes don't display at all at such a small size. Oh, one question, Eclypse405: should the second set of brackets in the css actually be parentheses instead? Oh, I didn't mean to ignore you. Yes - the issue is when logged in that you have that whole other layer of links: to Prefs and Inbox (and if an Admin or Mod, to Admin and Report CPs). So, the actual "fix" for the very low-width phones is to add space above the random quotes function. Now everyone's happy, which is a good thing. Thanks for all the help guys! This one can be listed as solved. Edited by vkaryl, Feb 18 2018, 10:28 PM.
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · ZetaBoards - Theme & Code Support · Next Topic » |





![]](http://z1.ifrm.com/static/1/pip_r.png)






4:24 AM Jul 11