Unnecessary white space on mobile

  • Resolved Damn!

    (@greedymind)


    6 years, 5 months ago

    Hello,

    The plugin makes the pages to display unnecessary white space to the right when viewed on mobile phones, which unfortunately brings the horizontal scrollbar and enables scrolling to the right side.

    ref page: damnripped.com/weight-gain-calculator/

    Any help would be highly appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author micropat

    (@micropat)

    6 years, 5 months ago

    Looks like the visually-hidden accessibility label is causing that under some conditions.

    This will be resolved in an upcoming core AddToAny update. In the meantime you can fix your site by adding the following line of CSS code to your “Additional CSS” box in AddToAny settings:

    .a2a_label { width: 1px; }

    Thread Starter Damn!

    (@greedymind)

    6 years, 5 months ago

    Thanks for the code. That fixed it. One more question, when the core update is released do I have to remove this piece of code or leave it as it is?

    Thread Starter Damn!

    (@greedymind)

    6 years, 5 months ago

    Hello,

    I just tried to add 2 more services and the issue has started to re-occur.

    Thanks.

    • This reply was modified 6 years, 5 months ago by Damn!.
    Plugin Author micropat

    (@micropat)

    6 years, 5 months ago

    You can safely leave or remove that line of CSS even after the core update.

    Wasn’t able to reproduce the issue with two more services added (and the fix applied). The two services wrap to a newline as expected, but no extra space in the viewport. What device(s) did you check, and did you clear site & browser caches?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Unnecessary white space on mobile’ is closed to new replies.