Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 19, 2023 at 11:32 pm #1411110
    yuhyeju15

    Hi,

    Can you help me with this website please?

    I am currently using Google AdSense Auto ads.

    However, there is a phenomenon that some advertisements are cut off on mobile smartphones.

    I want to keep the content as it is, but only full width AdSense like the picture on the far right of the image below.

    https://snipboard.io/dqfU43.jpg

    When I used the code below, both the content and ad were full width (like the middle picture in the image above).

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100%;
    max-width: 100%;
}
}

    Like the 3rd picture in the image above, I want only AdSense to be full-width so that ads are not cut. What part of the code should be modified?

    • This topic was modified 1 year, 4 months ago by yuhyeju15.
    • This topic was modified 1 year, 4 months ago by yuhyeju15.
    • This topic was modified 1 year, 4 months ago by yuhyeju15.
    • This topic was modified 1 year, 4 months ago by yuhyeju15.
    • This topic was modified 1 year, 4 months ago by yuhyeju15.
    • This topic was modified 1 year, 4 months ago by yuhyeju15.
    June 21, 2023 at 12:09 am #1411219
    Mike

    Hey yuhyeju15,
    Thanks for the screenshot, but when I check on mobile the ad is 100% wide, Please see the screenshot in the Private Content area, the blue area is the ad.

    Best regards,
    Mike

    June 21, 2023 at 3:43 am #1411227
    yuhyeju15

    Ads that appear at the top are displayed at 100% width.

    But, Ads inserted in the text are sometimes cut off to the left and right.

    If the size of the advertisement inserted in the post is small, it is cut off and not displayed.

    However, there are times when a large advertisement appears, and then the left and right sides are cut off and printed.

    Check out the ads that are inserted within the post

    Because of this truncation, manual ads at the bottom of the content have data-full-width-responsive=”false” set in the ad code.

    Even if data-full-width-responsive=”true” is set, I don’t want ads to be cut off.

    And there are times when the automatic advertisement in the middle of the text is cut off.

    • This reply was modified 1 year, 4 months ago by yuhyeju15.
    • This reply was modified 1 year, 4 months ago by yuhyeju15.
    • This reply was modified 1 year, 4 months ago by yuhyeju15.
    • This reply was modified 1 year, 4 months ago by yuhyeju15.
    • This reply was modified 1 year, 3 months ago by yuhyeju15.
    June 22, 2023 at 5:47 pm #1411404
    Mike

    Hi,
    Thanks for explaining, for mobile since the ads are different sizes the best solution seems to be this css:

    @media only screen and (max-width: 767px) { 
.adsbygoogle {
	width: 100%;
	max-width: 100%;
}
}

    this keeps the ads within the page padding and margin and they don’t go off the screen.
    But I believe that you wanted the ads to be edge-to-edge, for that you could try this css:

    @media only screen and (max-width: 767px) { 
.adsbygoogle {
	width: 100vw;
	max-width: 100vw;
    position: absolute;
	left: -7vw;
	right: auto;
}
}

    and this seems to work for most ads and most mobile screen sizes, but some ads are a little off.
    Give it a try and adjust the “left” value to suit.
    But I recommend the first solution for consistently.
    After applying the css, please remember to clear your browser cache.

    Best regards,
    Mike

    June 23, 2023 at 1:43 am #1411441
    yuhyeju15

    Hi. Mike

    Thank you for caring me

    I tried the first code you gave me, but the ads are still getting cut off.

    And when I used the second code you gave me, I couldn’t use it because the advertisement overlapped with the content (text and image).

    So right now I’m just in a state of desperation.

    Other sites don’t cut ads and display full width.

    It’s not my site, but I’ll leave a few other sites private.

    What difference would it make?

    • This reply was modified 1 year, 3 months ago by yuhyeju15.
    • This reply was modified 1 year, 3 months ago by yuhyeju15.
    June 23, 2023 at 12:55 pm #1411478
    Mike

    Hi,
    When I check your site the ads look correct, Please see the screenshot in the Private Content area.
    As I recall Google ads use to give you different codes for mobile device and desktop devices, do they still offer this and are you using this option by only showing mobile add sizes on your site for mobile screens?

    Best regards,
    Mike

    June 24, 2023 at 1:02 am #1411522
    yuhyeju15

    Thanks for letting me know

    The bottom advertisement is fine by putting false, but the advertisement in the middle of the text is still cut off (Occurs intermittently)

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100%;
    max-width: 100%;
}
}

    How about using the code above to max out, then shrink only the content (text and images)?

    June 24, 2023 at 12:11 pm #1411544
    Mike

    Hi,
    When I check the middle ad looks fine, if it is cut off intermittently then that would point to ads are sometimes shown in a larger format than mobile, there should be a why to choose only mobile sized ads to show.
    The ads are shown in iframes and the inner divs of the iframe can not be adjusted localy, it is a limitation of iframes.

    Best regards,
    Mike

    June 25, 2023 at 11:19 am #1411612
    yuhyeju15

    I’m still bothered by the ads being cut off, but I’ll just leave it as it is for now.

    Maybe one day, if I’m lucky, I’ll find a solution.

    Anyway, thank you for caring, Mike.

    June 25, 2023 at 1:52 pm #1411620
    Mike

    Hi,
    Ok, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Adsense ads cut off on mobile’ is closed to new replies.