Banner ad not mobile friendly in my theme Color Mag

  • chuangeezy

    (@chuangeezy)


    9 years ago

    This is my website: https://www.choudoufudaily.com

    On desktop, the top banner looks good right next to the logo. However, when I launch my website with a smart phone, the banner ad will be wider than the content below. My attempt to illustrate my iPhone website with text:

    LOGO
    badbadbadbadbadbadbadbad
    menumenumenu
    content content
    content content
    content content
    content content

    bad = banner ad.

    This is how I’m displaying my ads through the theme. In my widgets, there is a header image option, so I just simply drag a “text” widget and added Google Adsense code. The Google Ad is a 728×90.

    Now I know you’re going to say that’s why the ad is extending across the mobile version of the website.

    BUT, when I switch to a responsive sizing ad, the ad displays properly on the mobile phone but doesn’t appear at all in the desktop version. How can I solve this problem?

Viewing 1 replies (of 1 total)

  • bump.

    [Moderator note: Please do not bump]

    We are trying to do something similar, “hide the banner ad when users screen is smaller than 1000 pixels wide”.

    Any thoughts guys? Thinking I can use this code, but not sure where to put it.

    @media only screen and (max-device-width: 480px) {

    }

Viewing 1 replies (of 1 total)
  • The topic ‘Banner ad not mobile friendly in my theme Color Mag’ is closed to new replies.