signature mobile help

[mims]

Hi could someone help me trouble shoot my signature? looks fine on desktop but on mobile it won't line up correctly. i'd prefer if the gif was next to the text boxes but im not sure how to code for that, and [center] makes it look even more wonky

Code: Select all

[left][size=120] ━━━━━━━━━━━━
[center]━━━━━━━━━━
[/center]
      [center]ᴅʀɪᴠɪɴɢ ᴀᴡᴀʏ,
      ɪ ᴡɪsʜᴇᴅ ɪ sᴛᴀʏᴇᴅ
      ᴀɴᴏᴛʜᴇʀ ɴɪɢʜᴛ
      ᴀɴᴅ ɴᴏᴡ I sᴇᴇ
      ɪᴛ's ʏᴏᴜ ɴᴏᴛ ᴍᴇ[/center]
[center] ━━━━━━━━━━
[/center]━━━━━━━━━━━━ [/size]

[center][size=90][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=21&t=3032677&hilit=art]coммιѕѕιonѕ | [ᴄʟᴏsᴇᴅ][/url]
[url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=69&t=3035100&hilit=art+oc]oc ѕнop | [ᴏᴘᴇɴ][1][/url]
[/size][/center][/left][right][img]https://i.imgur.com/yNJAvs3.gif[/img][/right]

[mims]

here’s what it looks like

IMG_1285.jpeg (213.71 KiB) Viewed 213 times

[Spaceinmyhead]

unfortunately, the sizing for mobile signatures is rather different than on desktop, so making a signature that's going to look perfect on both is a huge task. I'd suggest just trying to optimize it to how you'd like it to look to one or the other (For example, I'm pretty sure my signature looks like a mess on mobile but I've accepted that since I typically am online on desktop)

[mims]

unfortunately, the sizing for mobile signatures is rather different than on desktop, so making a signature that's going to look perfect on both is a huge task. I'd suggest just trying to optimize it to how you'd like it to look to one or the other (For example, I'm pretty sure my signature looks like a mess on mobile but I've accepted that since I typically am online on desktop)

Ah okay. I thought it wouldn’t be too hard to align them. I see a lot of sigs longer than mine on mobile that are formatted fine but I can’t seem to get mine right. yours seems formatted fine too

IMG_1288.jpeg (231.68 KiB) Viewed 200 times

[Spaceinmyhead]

I think it might be because you're using the entire width of the signature? Yeah, looking at your code again now I see that you have the text using [left] and the gif using [right] which is spreading it across the entire space, which might not work best on mobile. Heres my best try at fixing the code you sent:

Code: Select all

[left][size=120] ━━━━━━━━━━━━
    [center]━━━━━━━━━━
    [/center]
          [center]ᴅʀɪᴠɪɴɢ ᴀᴡᴀʏ,
          ɪ ᴡɪsʜᴇᴅ ɪ sᴛᴀʏᴇᴅ
          ᴀɴᴏᴛʜᴇʀ ɴɪɢʜᴛ
          ᴀɴᴅ ɴᴏᴡ I sᴇᴇ
          ɪᴛ's ʏᴏᴜ ɴᴏᴛ ᴍᴇ[/center]
    [center] ━━━━━━━━━━
    [/center]━━━━━━━━━━━━ [/size]

    [center][size=90][url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=21&t=3032677&hilit=art]coммιѕѕιonѕ | [ᴄʟᴏsᴇᴅ][/url]
    [url=http://www.chickensmoothie.com/Forum/viewtopic.php?f=69&t=3035100&hilit=art+oc]oc ѕнop | [ᴏᴘᴇɴ][1][/url]
    [/size][/center][/left][img]https://i.imgur.com/yNJAvs3.gif[/img]

maybe see how that looks on mobile?