Mobile Users - Please Read

Discussion in 'Cannery Hangout Chat (Non SS)' started by GA_Darkerside, Feb 11, 2019.

  1. GA_Darkerside

    GA_Darkerside I Am The Soul Maid Staff Member Administrator Moderator Support Team Vault Librarian

    Joined:
    May 28, 2018
    Messages:
    776
    Likes Received:
    608

    It seems that in trying to work on a better mobile site and limited but Xenforo mobile compatibility - viewing a site in landscape Mode brings up full details - where as Portrait Mode Hides them.

    EG
    Landscape
    Capture.JPG

    Portrait
    Capture.JPG

    Please could any Mobile users (Android, Apple) confirm this?

    Many Thanks
    GA_Darkerside
     
  2. NDCowdy

    NDCowdy Member Patreon Supporter

    Joined:
    Sep 30, 2017
    Messages:
    94
    Likes Received:
    90

    Mine shows the same in both landscape and portrait, with details hidden. I'm using a fairly old Android phone.
    Work really nicely though, I have no problems navigating the site the way it's setup.
     
  3. Kristin

    Kristin Member Patreon Supporter

    Joined:
    Oct 9, 2018
    Messages:
    22
    Likes Received:
    33

    Same here, also Android phone.
     
  4. wim95

    wim95 Member Verified Builder

    Joined:
    Feb 10, 2018
    Messages:
    43
    Likes Received:
    48

    It works for me. Android, 800 x 1280, 320 DPI, Opera
     

    Attached Files:

    Last edited: Feb 11, 2019
  5. Rocola

    Rocola Active Member

    Joined:
    Dec 17, 2017
    Messages:
    229
    Likes Received:
    89

    idem

    Puffin web browser
     
  6. NikitaDarkstar

    NikitaDarkstar Member

    Joined:
    Jan 14, 2018
    Messages:
    34
    Likes Received:
    44

    Mine looks the same (limited details) in both landscape and portrait view. Android and Chrome browser, sadly I don't know the specs of my phone.
     
  7. GA_Darkerside

    GA_Darkerside I Am The Soul Maid Staff Member Administrator Moderator Support Team Vault Librarian

    Joined:
    May 28, 2018
    Messages:
    776
    Likes Received:
    608

    Thank you all for the information - if you feel there is anything I can do to make any area clearer, then please let me know.
     
  8. Yagisan

    Yagisan Rebuilding the Commonwealth. Staff Member Vault Librarian Verified Builder

    Joined:
    Jul 8, 2017
    Messages:
    515
    Likes Received:
    423

    Seems OK to me on the phone.

    iPhone XS Max - Safari
    Iphone_XS_Max_Safari_Landscape.png Iphone_XS_Max_Safari_Portrait.png
    iPhone XS Max - Chrome
    Iphone_XS_Max_Chrome_Landscape.png Iphone_XS_Max_Chrome_Portrait.png
     
    GA_Darkerside likes this.
  9. GA_Darkerside

    GA_Darkerside I Am The Soul Maid Staff Member Administrator Moderator Support Team Vault Librarian

    Joined:
    May 28, 2018
    Messages:
    776
    Likes Received:
    608

  10. Samutz

    Samutz Member Verified Builder

    Joined:
    Feb 11, 2018
    Messages:
    42
    Likes Received:
    35

    You can see it happening on a desktop browser by resizing the window (or using device/responsive view in the browser's dev tools). It seems 610 width is the breakpoint causing this behavior. Devices that have a higher width resolution won't hide the details.
    upload_2019-2-13_15-57-50.png
     
    GA_Darkerside likes this.
  11. Whisper

    Whisper Well-Known Member Community Rockstar Vault Librarian Verified Builder

    Joined:
    Aug 8, 2018
    Messages:
    594
    Likes Received:
    934

    iPhone 6s.

    Portrait:
    0BD5018C-05DE-48E4-AF1A-65FDFBE1CAC3.png
    Landscape:
    19B3FCC1-6E9E-4C33-A949-60A7EAFD0C46.png
     
    GA_Darkerside likes this.
  12. GA_Darkerside

    GA_Darkerside I Am The Soul Maid Staff Member Administrator Moderator Support Team Vault Librarian

    Joined:
    May 28, 2018
    Messages:
    776
    Likes Received:
    608

    This is sort of a template issue, however more a Xenforo limitation as they don't fully support a mobile format.

    However the I have toyed with older style boards in the past, coding them to , hmm how do i put this lol, have two parts, the standard and a class for mobile only, but it becomes complicated. I did think about it, but trust me, one coding error and i have turned the board yellow, made words the size of a giant, simply by missing out a " / ". (Bad GA, BAD BAD GA)

    I think the answer is to buy a new phone and use it in landscape mode.

    Because the Description section of the Temple only seems to cover basic HTML and CSS formatting, I even toyed with fitting in seperate text activated by 320px


    Examples:
    <div class="mobileShow">
    TEXT OR IMAGE FOR MOBILE HERE
    </div>

    <style type="text/css">
    .mobileShow { display: none;}

    /* Smartphone Portrait and Landscape */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
    .mobileShow {display: inline;}
    }
    </style>

    Funny enough the description area didn't like this at all, maybe I coded it slightly wrong, I am a dinosaur and forgotton so much.

    End result - We Will Survive
     
    Whisper likes this.

Share This Page