Tablet Options Screen Layout Issue

  • Resolved psamathe

    (@psamathe)


    6 years, 4 months ago

    Serious issue I could find no way round. When using the “All Options” screen on my tablet (iPad 9.7) I could make changes I wanted, etc. but the “Save Changes” buttom was off the right edge of the page and I could find no way of “pressing” it (as it was off-screen). Using built-in Safari.

    Tried changing Landscape->Portrait->Landscape orientation to force a re-layout but no. Initially on mobile version, tried requesting Desktop version . Tried clearing all web site data for the site but no change.

    Any ideas as without the “Save” button you can’t really configure/adjust Wordfence protections.

    It only seems to be on the “All Options” screen as other screens with a “Save” button don’t have the fixed size search box forcing the button off-screen.

    Attached a screen-shot (I’ve deleted out personally identifying bits)

    Link I added seems to not show so trying
    https://psamathe.eu/Temp%20Images/Nov%202018/IMG_0449.PNG

    • This topic was modified 6 years, 4 months ago by psamathe.
    • This topic was modified 6 years, 4 months ago by psamathe.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @psamathe,

    I did some testing and noticed the same thing! It’s quite annoying :<

    Here’s a quick fix:

    1. Open /wp-content/plugins/wordfence/views/options/block-all-options-controls.php
    2. Go to line 89
    3. Change to width: '200px',
    4. Save and refresh the page (you may need to clear your cache)

    This is what it should look like: https://i.imgur.com/25y1bxw.png

    I’ll pass this along to the team to see if they can make some adjustments to the UI.

    Dave

    • This reply was modified 6 years, 4 months ago by wfdave. Reason: Changed to the correct sub-directory
    Thread Starter psamathe

    (@psamathe)

    My directory structure and block-all-options-controls.php seems somewhat different.

    /wp-content/plugins/wordfence/views/ does not have any .pho scripts but a load of sub-directories. The block-all-options-controls.php file seems to be in an “options” sub-directory. But in that file, line 89 says “width: (WFAD.isSmallScreen ? ‘300px’ : ‘500px’),”

    https://psamathe.eu/Temp%20Images/Nov%202018/ac1.png

    • This reply was modified 6 years, 4 months ago by psamathe.
    • This reply was modified 6 years, 4 months ago by psamathe.

    My mistake, the file is within a sub-directory called options.

    Does the Save Changes button become visible after changing:

    width: (WFAD.isSmallScreen ? '300px' : '500px'),

    to

    width: '200px',

    Thread Starter psamathe

    (@psamathe)

    It does. Many thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tablet Options Screen Layout Issue’ is closed to new replies.