Please help with my view toggle
Xidgie.neocities.org
I apologize in advance for the length.
I understand HTML and CSS will enough, but even though I have a few javascript files running on my site, I don’t really understand how they work.
So I got my image based Desktop/Mobile view toggle “working”, which is - the button on the upper left of the Notifications - the left side is Desktop View and the right side is Mobile View.
It seems to work just fine with the introductory text in my custom font Lumellis switching from Desktop to Mobile and staying that way, but the second bit of Lumellis and the Chattable chat box and Atabook guestbook is stuck on Desktop view and I don’t see why.
The desktop version for the font has every letter individually glowing on mouse over, whereas in the mobile version the entire word glows because not only is it a bit pointless for mobile, the kerning seems to completely mess up and the word isn’t a word anymore but a great, big mess.
The chatbox and guestbook are supposed to have their widths significantly shrink for Mobile view.
I copy pasted the code from the bit that works so I’m not sure what’s going on.
The relevant coding is in index.html, style.css, and browsertoggle.js.
The other problem is that the alt text for the toggle button isn’t showing up at all. Help with that would be appreciated too.
I suppose while I’m at it, I modified Chattable’s “Wannabe XP” theme to match my site including the “winbows-top-bar-thingy.png” (changed to “topbar.png”) but no matter what width I set it to, numbers or 100%, it won’t appear.
Thank you very much :3