oh, cool! :D I'm on a Moto G3.

It's the Galaxy S8 - not sure if I got the + or the regular one haha.

(congratulations on the namechange) Please open this real quick and just copy/paste the results back to me? ;P

thank you! Three-letter-username is go :D

[Quote=my mobile, Moto G3]2.00dppx Resolution: 192dpi (CSSinch) Orientation: 0° CSS pixels Actual pixels viewport: 360x450px 720x900px screen: 360x640px 720x1280px Within codepen, the viewport will be limited to the size of the result iframe. [/Quote]

Please work! Make sure to check portrait and landscape orientation, let me know the results :3

You should see orange on mobile instead of blue.

You should see red on mobile instead of blue.[edit] Oh no! I did some minor rearranging, maybe it will work now? Also maybe try starting in landscape? This stuff can be weird.

orange portrait, blue landscape.

Here's this, just in case:

[Quote=my phone in landscape]2.00dppx Resolution: 192dpi (CSSinch) Orientation: 90° CSS pixels Actual pixels viewport: 592x211px 1184x422px screen: 640x360px 1280x720px Within codepen, the viewport will be limited to the size of the result [/Quote]

It's red in portrait but blue in landscape (I never turn my phone to landscape though, so if it's specifically not going to work only in that mode, that wouldn't matter for me personally).

((Also I really appreciate you trying to find fixes for us all, this is so much work you're doing and I'm very thankful that you're trying to find a fix to this issue).

Please test this out for me ❤ Hopefully menus will open without changing the page…

/* mobile navigation menu / / --device without good hover ability / / --galaxy s8 / (hover:none), (-webkit-min-device-pixel-ratio: 2.6), (min-device-pixel-ratio: 2.6), (min-resolution: 250dpi), (min-resolution: 2.6dppx) { / --cancel clicks on menu titles */ .menu-btn a.menu-tab { pointer-events:none !important; } }

Oh my god, the drop-downs are drop downs on my phone sobs Thank you so so so much ❤️

I managed to get this working on my phone too, after editing in the correct DPI etc. Really appreciate the effort that's gone into this.

Not sure if it's me/my phone or a limitation of the code but the drop down works great until a secondary menu is selected.

For example: touch "interact" and the menu drops down fine, touch "forums >>" and it's still a direct link to forums (rather than getting a drop down for recent subscribed threads etc).

I can only access these by long pressing, then pressing back to remove the Chrome "open in new tab" etc menu that pops up. Which is what I used to have to do for any hover.

It's a limitation, but if you avoid tapping that actual text (just the empty space to either side), it will open the submenu, instead of following the link. You can underline the link portion to guide the finger with this /* mobile navigation menu / / --device without good hover ability / (hover: none) { / --cancel clicks on menu titles / .menu-btn a.menu-tab { pointer-events:none !important; } / --mark submenu links */ .menu-btn ul li a[aria-haspopup=true] { text-decoration:underline; } }

That's great to hear! :D You're welcome!

This should work for you :) I added a check for portrait orientation on yours because some laptops do have 192dpi. /* mobile navigation menu / / --device without good hover ability / / --moto g3 / (hover:none), (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), (min-device-pixel-ratio: 2) and (orientation: portrait), (min-resolution: 192dpi) and (orientation: portrait), (min-resolution: 2dppx) and (orientation: portrait) { / --cancel clicks on menu titles */ .menu-btn a.menu-tab { pointer-events:none !important; } }

it works on portrait mode! Thank you! It doesn't work on landscape mode. Why, phone, why?

I feel dense now, didn't think to try clicking next to the text. It looked like it would be the code but it seemed worth checking. Thanks for the underline code too.

I don't suppose there's any way to make item hovers work in a similar way? The first touch would bring up the hover and any subsequent touch would "click" the item?

My knowledge of CSS is pretty slapdash, so I've no idea how to do these more complex functions.

That'd be just for Inventory and Vault, wouldn't it?

Sorry if this is a very niave question, but I cant seem to find an answer anywhere else.

All this coding is allowed to be used on the site correct? Its not against the rules for any of it? I dont mean to cause offence asking this.

Just some of it seems really useful, like the floating item re-locator and slots button mover lol

• Lots of alt/bonus features, those are separated out.

• New version of Better Shoutbox is built-in.

• Delete your old one!

• Here's an Image gallery of every before/after. • Here's -Improvements">the code!

Quote

Highlight: upgraded notepad widget
• On-hand at any moment.
• So much easier to edit.</p>
<p>

Quote

Highlight: Custom Pet-Specific Icons
• Show your pet&;s actual minion, favourite treasure, etc.
• Can set for any/all pets.
• Shows &;before&; icons if you switch to a pet without custom ones set.

Quote

Highlight: Search!
• It just looks cool!

Quote

Highlight: Combo Battle &amp; Active Pet
• Stack these two widgets and they automatically combine!</p>
<p>

Small stuff • Added sidebar navigation to the builder since the page is getting so long. • Fixed header navigation for mobile coming soon. • Technically I didn't do anything to the Events widget. I refuse to believe anyone uses it.

You're amazing!! <3

This is awesome! I love it. :) I'm amazed at how more streamlined/compacted the widgets are. It always bugged me how there was so much wasted spacing going on.

Thank you!

I do everything from the notepad, thank you so much <3