Resize sidebar/widget width to accommodate ads

  • Hi, I would like to learn how to make space in the sidebar so I can fit an ad unit.

    On Chrome/firefox I get the following message:

    ‘Unsupported Size for Ad Unit.
    Ad unit is currently 286×250. Minimum supported size is 300×250.’

    Seems to be fine on Safari.

    Hoping the is a fairly simple adjustment!

    Thanks in advance for your help!

Viewing 3 replies - 1 through 3 (of 3 total)

  • The width of the sidebar set to a percentage. The smaller the screen size the smaller your sidebar going to be.

    You could try setting min-height and min-width properties. It would keep the sidebar from shrinking below the required size.

    This will cause you another problem when the total width of your site exceeds the page width. The sidebar will drop below your main content. You might solve this problem by using calc to calculate the remaining space for your article.

    Example
    width:calc(width-350px)

    You would have to determine the width of your margin, border , and padding and subtract them from the 350px to make it work. The margins and borders will add to the size of your container.

    If you have 20px margin right and left then your container size is 390px.

    Also, The theme is responsive so you might have to adjust your media query so that your mobile version still works.

    Thread Starter stevengutierrez

    (@stevengutierrez)

    Hi, are you able to point me in the direction of where these elements can be edited? I’m new to this. Thanks.

    All the adjustments would be located in the style.css file. You would want to create a child theme or use a custom css plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resize sidebar/widget width to accommodate ads’ is closed to new replies.