1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Media Queries For Responsive Google Ads

Discussion in 'Web Design' started by shiftlocked, Mar 10, 2015.

  1. shiftlocked

    shiftlocked Newbie

    Jun 22, 2014
    Likes Received:
    So I've been experimenting with responsive adverts for my site.

    The code that I'm using at the moment for screen sizes is

    media(min-width: 320px) { .adslot_1 { width: 300px; height: 250px; } }
    media(min-width: 500px) { .adslot_1 { width: 468px; height: 60px; } }
    media(min-width: 800px) { .adslot_1 { width: 728px; height: 90px; } }
    media(min-width: 900px) { .adslot_1 { width: 970px; height: 90px; } }

    Looking at my google analytics the most popular screen sizes are
    1. 768x1024
    2. 320x568
    3. 375x667
    4. 320x480
    5. 414x736
    6. 1920x1080
    7. 1280x800
    8. 1366x768
    9. 1440x900
    10. 360x640

    Could anyone way more talented than I let me know If I've really optimised my media settings enough to get banner at the top of the screen really setup properly given screen sizes viewing my site?

    P.S It's my first time posting here so advance apologies if I didn't get the right spot of the forum.