1. Welcome Hearth.com Guests and Visitors - Please enjoy our forums!
    Hearth.com GOLD Sponsors who help bring the site content to you:
    Hearthstone Soapstone and Cast-Iron stoves( Wood, Gas or Pellet Stoves and Inserts)

responsiveness layout and advertisements

Post in 'New Forum Hints and your Questions & Suggestions!' started by tsquini, Nov 8, 2013.

  1. tsquini

    tsquini Minister of Fire

    Joined:
    Jan 8, 2009
    Messages:
    616
    Loc:
    North Shore, MA
    I am on a Samsung note 2. The banner ads screw up the responsiveness of the site. It scales the site to fit the banner ad size. This leaves the content very small. Can you place a 100% width on the banner ads so they don't break the page layout. Attached is a screen shot of what I see.

    Attached Files:

    Last edited: Nov 8, 2013

    Helpful Sponsor Ads!





  2. webbie

    webbie Seasoned Moderator Staff Member

    Joined:
    Nov 17, 2005
    Messages:
    12,170
    Loc:
    Western Mass.
    I will check into it. Google has a beta of responsive ads serving.......I will check that also.
  3. webbie

    webbie Seasoned Moderator Staff Member

    Joined:
    Nov 17, 2005
    Messages:
    12,170
    Loc:
    Western Mass.
    Can you check to see if it's only the ad between the stickies and regular list that is doing that?

    If so, I can make that ad go away for members....
  4. webbie

    webbie Seasoned Moderator Staff Member

    Joined:
    Nov 17, 2005
    Messages:
    12,170
    Loc:
    Western Mass.
    It seems to work right on my Nexus 7 android tablet - see enclosed.
    That's the same forum and basic listing as you have - I'm using chrome, of course.

    respond.png
  5. tsquini

    tsquini Minister of Fire

    Joined:
    Jan 8, 2009
    Messages:
    616
    Loc:
    North Shore, MA
    there are 3 banner spots that are doing it top of the page under the stickies and at the bottom of the page. All of the 728 banner ads. You can wrap them in a div with a unique class and then it the css you can target the image too 100% width with a max-width of 728px.

Share This Page