request for mobile viewing

  • Hi,

    I have two requests for mobile viewing (using WP Touch plugin).

    Figure:
    https://gyazo.com/45dc0cf4b489604a34a4d6e2e980e897

    1) The first of them is the css issue of GLT tool-bar bottom margin. It’s comes from hard coded inline css value.
    I’m using AddThis Share Button plugin and it’s appears at he bottom of screen. (I prefer floating bottom position of the screen than bottom position of page.) But GLT tool-bar is also shown on the bottom of screen, so both plugins are at the same position.
    I tried to customize bottom margin of GLT tool-bar by changing css bottom value from default 50px. But I could not make it via ‘Add CSS Styles’ UI because that margin is defined with inline style (style=””) and implemented in load-toolbar.js as below.

    > $(‘.tool-rounded’).css(‘bottom’,’50px’);

    So I changed source code of load-toolbar.js as below.

    > if ( window.matchMedia(‘(max-width: 600px)’).matches ) {
    > $(‘.tool-rounded’).css(‘bottom’,’92px’);
    > } else {
    > $(‘.tool-rounded’).css(‘bottom’,’50px’);
    > }

    This change resolved the issue well. (see bottom of figure.)
    But it causes that I have to check the plugin update and edit the source code after plugin update. I don’t know why hard coded such a positioning style value as inline css. I think those values should be able to customize by user via ‘Add CSS Styles’ UI.

    Could you improve this issue?

    2) The second is width of logo image issue of the Google Translator.
    The width of Google Translator box at the top of page is little bit long to show all items of it. So everyone can not click close button at the right side of it. (see top of figure.)

    I think the way to resolve this issue for resizing google logo image smaller. But I did not find the way to change it.

    Could you let me know the way to solve this issue?

    Thanks,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter AnMoreNight

    (@anmorenight)

    After I updated to GLT 5.0.29, I investigated code changes and customized my css via ‘Add CSS Styles’ UI. It seems my request issue (1) is resolved on 5.0.29. Thanks!

    But I still have (2) issue. Please let me know how to solve (2) issue.

    Thanks,

    Hi AnMoreNight,

    Thanks for the very constructive feedback. The toolbar.js update was a surprise to me in terms of how the programmer designed the updated version. A lot of javascript, inline styles, and other stuff, changed.

    But I’m glad your #1 issue solved as of now.

    I will check into issue #2 for you. To be honest, I have not done much mobile work on the plugin, although I’m not sure if I can control how the Google Toolbar works. The toolbar you see is an iframe, so I may not be able to influence how it works.

    Either way I will check and make sure I’m correct, then let you know. More updates to come, as well as other improvements.

    Thanks, Rob Myrick

    Hi AnMoreNight, it appears that I can, in fact, make changes to the Google Banner iframe. This is not traditionally the case with websites due to browser rules, but Google is okay with it.

    I’ll consider this in the next update. Thanks for the input here ??

    Rob

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘request for mobile viewing’ is closed to new replies.