Lifestyle responsive cuts off Adsense ad

Community Forums Forums General Discussion Lifestyle responsive cuts off Adsense ad

This topic is: resolved

This topic contains 8 replies, has 3 voices, and was last updated by  jennylynn 7 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #102495

    jennylynn
    Participant
    Post count: 31

    Hello,

    When using the Magazine theme, I can scroll to the right and I can see the Adsense ad unit, like this

    scrn

    But, when using Lifestyle, the ad just cuts off.

    scnshot

    Is there anything I can add to the Lifestyle style sheet, so that it displays the whole ad when someone scrolls to the right?

    http://www.mis-remedios-caseros.com

    • This topic was modified 7 months ago by  jennylynn.
    • This topic was modified 7 months ago by  jennylynn.
    http://www.mis-remedios-caseros.com
    #102514

    jennylynn
    Participant
    Post count: 31

    Extra info: This happens in the content area, not the sidebar

    #102607

    jennylynn
    Participant
    Post count: 31

    Could it be this part? But I changed hidden to visible, and it didn’t work. Or could it be the “auto” in margin?

    .site-container {
    background-color: #fff;
    box-shadow: 0 0 5px #ddd;
    margin: 32px auto;
    margin: 3.2rem auto;
    max-width: 1140px;
    overflow: hidden;
    padding: 48px;
    padding: 4.8rem;
    }

    I noticed the Magazine theme doesn’t have a site container at all.

    • This reply was modified 7 months ago by  jennylynn.
    • This reply was modified 7 months ago by  jennylynn.
    #102718

    Lauren @ OnceCoupled
    Member
    Post count: 642

    It is due to overflow hidden, which may be applied to some other elements as well. You’ll have to remove all instances of it that are affecting you ad, and do some testing to make sure it isn’t messing up your layout in any other areas.

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #102776

    jennylynn
    Participant
    Post count: 31

    Thank you so much for replying. Unfortunately, I’ve tried it and it doesn’t work for me. But I will try again, should I use auto or visible?

    #102777

    Lauren @ OnceCoupled
    Member
    Post count: 642

    Use ‘visible’. It will need to be applied to at least .site-inner and .site-container.


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #102787

    jennylynn
    Participant
    Post count: 31

    Ok, “visible” works for mobile. But then the whole screen moves right and left on desktop :(

    #102793

    AC
    Blocked
    Post count: 7712

    You need to take that code and apply it to mobile size in the media queries/mobile responsive CSS. Do not modify it at the top of the CSS. That’s why that is happening.

    #102802

    jennylynn
    Participant
    Post count: 31

    Thank you so much! It’s working now!

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Lifestyle responsive cuts off Adsense ad’ is closed to new replies.