Crimson Flag Comic Forums
Website Main => Website and Technical Discussion => Topic started by: Virmir 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.
-
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.
(https://i.imgur.com/8c8TAnH.png)
(https://i.imgur.com/AMv86wf.png)
The next I found on my phone.
(https://i.imgur.com/zPO9qMS.png)
(https://i.imgur.com/yldqDIm.png)
(https://i.imgur.com/TbmUfzK.png)
The buttons solution would also increase the button area for mobile users. Thanks!
-
Thanks for reporting! What phone/browser are you using? I'll make some more tweaks this weekend.
-
Thanks for updating it Virmir! You are a gray fox of many talents. [;)
-
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.
-
These should be fixed! Let me know if you spot anything else.
-
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. [;)
@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;
}
}
(https://i.imgur.com/gYIE53n.png)
-
What are you using that has a screen width of 300px wide?
-
My phone is pretty close at 320px, but maybe I'm a little too cautious, heh.
-
I think 320 is pretty much the minimum, ha ha
-
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!
-
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).
-
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.
-
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.