Sidebar and Adsense

  • Hi,
    i try to change the

    .sidebar {
    width: 28.5%;
    float: right;
    padding: 50px 0px 50px 3.75%;
    }

    to this

    .sidebar {
    width: 29%;
    float: right;
    padding: 50px 0px 50px 3.75%;
    }

    just 0.5% more width to the sidebar css.
    I do this to use the 300px adsense banner in responsive mode.
    Without this little fix i can’t use it.
    Google sets a smaller banner automaticaly.

    But with this fix, the theme dont’ works fine on smartphones.
    The sidebar looks totally wrong.

    Can you help me? It’s just 0.5% all i need!
    Thank you so much!!!
    Your theme it’s awesome!!!

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi Coccorito,

    The reason for why it makes the sidebar look messed up on smartphones is that the new width value you’re setting for the sidebar is overwriting the code in the media queries, making it 29% wide on smartphones as well.

    You could adjust that by adding media queries in your CSS changes, but the easier way would be to change the left padding of the sidebar instead. Change the padding from

    padding: 50px 0px 50px 3.75%;

    to

    padding: 50px 0px 50px 2%;

    And the AdSense ads should fit. Reduce the fourth value further if they don’t.

    — Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Sidebar and Adsense’ is closed to new replies.