Author Topic: The (rest of the) website is now mobile-friendly  (Read 1170 times)

Virmir

  • Chaotic Neutral Cartoon Gray Fox Mage
  • Administrator
  • Mage of Caerreyn, Level 4
  • *****
  • Posts: 2076
  • These sorts of things happen.
    • View Profile
    • virmir.com
on: January 06, 2019, 11:50:23 PM
Being 2019, the time has come to enter the mobile age and read comics on tiny screens. Please feel free to take a look on your tiny phones and let me know if anything looks too terrible (you may need to refresh your browser caches first).

I haven't touched the chat yet-- I'll give that another look from a mobile perspective soon.

[fox] Virmir


Alsin

  • Hyena
  • Crimson Flag Fan
  • *
  • Posts: 29
    • View Profile
Reply #1 on: January 07, 2019, 06:55:45 PM
Hey Virmir, nice update to the site. The menu and footer both appear to be fully functional, I've only noticed two bugs other than that.


The first bug is when the page is small enough to go into mobile mode but the comic won't go wider than 800px.






The next I found on my phone.







The buttons solution would also increase the button area for mobile users. Thanks!



Virmir

  • Chaotic Neutral Cartoon Gray Fox Mage
  • Administrator
  • Mage of Caerreyn, Level 4
  • *****
  • Posts: 2076
  • These sorts of things happen.
    • View Profile
    • virmir.com
Reply #2 on: January 07, 2019, 08:03:20 PM
Thanks for reporting! What phone/browser are you using? I'll make some more tweaks this weekend.

[fox] Virmir


KieliIndustries

  • Mage of Caerreyn, Level 2
  • ***
  • Posts: 496
  • "Random with a purpose"
    • View Profile
Reply #3 on: January 08, 2019, 01:14:55 PM
Thanks for updating it Virmir! You are a gray fox of many talents.  [;)

-KieliIndustries
"Random with a purpose!"


Alsin

  • Hyena
  • Crimson Flag Fan
  • *
  • Posts: 29
    • View Profile
Reply #4 on: January 08, 2019, 08:11:52 PM
Thanks for reporting! What phone/browser are you using? I'll make some more tweaks this weekend.

Chrome and Firefox on my computer, and Chrome on my phone.



Virmir

  • Chaotic Neutral Cartoon Gray Fox Mage
  • Administrator
  • Mage of Caerreyn, Level 4
  • *****
  • Posts: 2076
  • These sorts of things happen.
    • View Profile
    • virmir.com
Reply #5 on: January 14, 2019, 04:53:21 PM
These should be fixed! Let me know if you spot anything else.

[fox] Virmir


Alsin

  • Hyena
  • Crimson Flag Fan
  • *
  • Posts: 29
    • View Profile
Reply #6 on: January 14, 2019, 09:35:16 PM
These should be fixed! Let me know if you spot anything else.

You never really seem too hesitant to quickly patch up some individual bug on your site. Nothing wrong with that really, but the button stacking bug still persists. Which is why I made this little code snippet you can replace everything past line 733 with that, yes, should fix everything up to this point.  [;)

Code: [Select]
@media only screen and (max-width: 400px) {
.button {
font-size: 5vw;
padding: 14px 6px;
}

.page_link_container_left {
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
.page_link_container_right {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}
}



Virmir

  • Chaotic Neutral Cartoon Gray Fox Mage
  • Administrator
  • Mage of Caerreyn, Level 4
  • *****
  • Posts: 2076
  • These sorts of things happen.
    • View Profile
    • virmir.com
Reply #7 on: January 15, 2019, 07:18:13 PM
What are you using that has a screen width of 300px wide?

[fox] Virmir


Alsin

  • Hyena
  • Crimson Flag Fan
  • *
  • Posts: 29
    • View Profile
Reply #8 on: January 16, 2019, 07:22:35 PM
My phone is pretty close at 320px, but maybe I'm a little too cautious, heh.



Virmir

  • Chaotic Neutral Cartoon Gray Fox Mage
  • Administrator
  • Mage of Caerreyn, Level 4
  • *****
  • Posts: 2076
  • These sorts of things happen.
    • View Profile
    • virmir.com
Reply #9 on: January 17, 2019, 08:01:39 PM
I think 320 is pretty much the minimum, ha ha

[fox] Virmir


KieliIndustries

  • Mage of Caerreyn, Level 2
  • ***
  • Posts: 496
  • "Random with a purpose"
    • View Profile
Reply #10 on: January 22, 2019, 12:50:23 PM
I would just like to give a shout out to Virmir here for working on all the little technical issues that come up on the site! You're a very technically gifted and responsible administrator, Virmir, and you take the functionality of this site very seriously! Thanks!

-KieliIndustries
"Random with a purpose!"


Aurum Lupus

  • Timetraveling World Jumping Wolf
  • Crimson Flag Fan
  • *
  • Posts: 20
  • Where are all the 🐺?All I see here are 🦊. 🤔
    • View Profile
Reply #11 on: June 25, 2019, 10:09:41 PM
When I'm viewing in mobile mode in chat, I can't read what's being said on chat. I have to go into desktop mode on my browser. Which is fine, I'm cool with it, I can see better in that mode. I'm just pointing it out for others and for those joining in the future. (I also use chrome).
« Last Edit: June 25, 2019, 10:23:17 PM by Aurum Lupus »

Sincerely Aurum Lupus


Virmir

  • Chaotic Neutral Cartoon Gray Fox Mage
  • Administrator
  • Mage of Caerreyn, Level 4
  • *****
  • Posts: 2076
  • These sorts of things happen.
    • View Profile
    • virmir.com
Reply #12 on: June 26, 2019, 07:06:33 PM
Hit that icon of the people to hide that menu so you can see the chat window. I tried to get that to hide by default on mobile a while back but couldn't figure it out. Although it looks like the text in the chat itself is gigantic, which is kind of strange.

[fox] Virmir


Aurum Lupus

  • Timetraveling World Jumping Wolf
  • Crimson Flag Fan
  • *
  • Posts: 20
  • Where are all the 🐺?All I see here are 🦊. 🤔
    • View Profile
Reply #13 on: June 27, 2019, 03:22:36 PM
Hit that icon of the people to hide that menu so you can see the chat window. I tried to get that to hide by default on mobile a while back but couldn't figure it out. Although it looks like the text in the chat itself is gigantic, which is kind of strange.
Thanks, it took me a sec to find the button, but it worked. It's a cool feature.

Sincerely Aurum Lupus