Incorrect display on mobile devices

  • Resolved neva2018

    (@neva2018)


    5 years, 12 months ago

    Ad units are displayed correctly on the desktop. But on mobile devices adsense ad units are displayed correctly in most cases, except for “Before Paragraph”. Where the ad unit itself is drawn in full, and its contents in part. In all other locations, the ad unit and its contents are displayed correctly (for example, “After Post”).
    An example of incorrect operation is shown in the screenshots from the mobile phone: https://ibb.co/bLFLtn

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Spacetime

    (@spacetime)

    5 years, 12 months ago

    Please provide required data so we can check:
    https://wordpress.org/support/topic/ad-inserter-support-how-to-ask-for-help/

    Thread Starter neva2018

    (@neva2018)

    5 years, 12 months ago

    1. Enable Remote debugging – Yes
    2. Disable caching – Yes
    3. The problem: blocks “Before Paragraph” is cut off on mobile devices (phones)
    4. The settings and code blocks used:
    settings – standart;
    code blocks used – standart Google Adsense:
    <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
    <ins class=”adsbygoogle”
    style=”display:block”
    data-ad-client=”ca-pub-xxxxxxxxxxxxxxxx”
    data-ad-slot=”xxxxxxxxxx”
    data-ad-format=”link”>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    5. Post web addresses (links): http://siteask.ru/plugins/ad-inserter.html

    Plugin Author Spacetime

    (@spacetime)

    5 years, 11 months ago

    It looks like a CSS issue. Can you try to set margins?

    Thread Starter neva2018

    (@neva2018)

    5 years, 11 months ago

    Oh sure. Tell me how to do this.

    Thread Starter neva2018

    (@neva2018)

    5 years, 11 months ago

    “It looks like a CSS issue. Can you try to set margins?”
    Ok – margin: 100px 0;
    https://ibb.co/mvsauS

    Thread Starter neva2018

    (@neva2018)

    5 years, 11 months ago

    The only problem Automatic Incertion Before Paragraph on mobile devices (phones).

    Plugin Author Spacetime

    (@spacetime)

    5 years, 11 months ago

    Yes, you can also try increasing only bottom margin:
    margin: 8px 0 100px 0;

    Since the problem is only with mobile layout you need to use separate block with custom CSS only for mobile.

    Thread Starter neva2018

    (@neva2018)

    5 years, 11 months ago

    “Yes, you can also try increasing only bottom margin:
    margin: 8px 0 100px 0;” – tried – does not help

    Thread Starter neva2018

    (@neva2018)

    5 years, 11 months ago

    “Since the problem is only with mobile layout you need to use separate block with custom CSS only for mobile.” – the only problem is the blocks on mobile devices Automatic Incertion Before Paragraph.
    Other blocks are displayed normally.

    Plugin Author Spacetime

    (@spacetime)

    5 years, 11 months ago

    The second AdSense block (after table of content, above “Выбираем рекламный блок”) has no wrapping div.

    If the block has no wrapping div you can’t use any CSS – there is only AdSense code.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Incorrect display on mobile devices’ is closed to new replies.