Customizing the Header

Home Forums Iconic One Pro Support Customizing the Header

This topic contains 2 replies, has 2 voices, and was last updated by  askeric 4 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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!

    #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.

    #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;
    }

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

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

You must be logged in to reply to this topic.