Customizing the Header

Home › Forums › Iconic One Pro Support › Customizing the Header

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 16, 2013 at 9:29 pm #713
    askeric
    Participant

    I would like to know how I can have the header customized so that the page’s logo remains in the upper left, but then to its right I would like to put the Google AdSense ad banner, instead of having it display below the header.

    Here is a great example of a website that has the logo on the left and the Google AdSense banner on the right.

    …

    Thanks in advance for your help!

    September 17, 2013 at 6:01 am #714
    Themonic-Support
    Keymaster

    You want to replace the social icons with the adsense horizontal ad right?

    The easiest way to do this is:
    Go to header.php, take backup of this file first.

    Replace line 53 to line 70 with your adsense code.

    Now instead of social buttons it will show adsense ad.

    Now in custom.css paste

    
.socialmedia {width:70%;}
.themonic-logo{width:28%;}

    change the width parameter to your liking depending on your logo and ad size.

    September 17, 2013 at 6:07 pm #728
    askeric
    Participant

    Thanks for the help! In-Short, after a little finess with the percentages I got it to work, and it is awesome!

    Here is the custom.css I ended up using so it displays correctly in IE, FF, and Chrome:

    .socialmedia {width:72%;}
    .themonic-logo {width:21%;}

    ————————-

    Then to further improve the look (in my opinion) I went in to the Style.css and modified the code to drop the banner ad “margin-top” from the default of 30px to a little lower of 55px which I feel looks better with my logo.

    .socialmedia{
    float: right;
    padding: 7px 10px;
    text-align: right;
    width: 35%;
    margin-top:55px;
    }

    ===============================

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.