Getting my header to work

Home Forums Iconic One Pro Support Getting my header to work

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #960

    Aaronbrook37
    Participant

    Hey everyone. My website (www.apexnutrition.ca) is just about finished the design process and ready for content. I’d like to replace the area traditionally used for the social media buttons, the title, and the tagline with a banner image of my choice. I’m inexperienced with coding and don’t want my theme to explode, so any advice on where to start with the theme or header.php would be great. Thanks very much!

    #961

    Themonic-Support
    Keymaster

    Hi Aaron,

    Go to live customizer : Appearance -> Basic settings

    Upload banner image of your choice using the logo uploader, it must be of 1040px in width.

    After that paste the following code in the appearance -> editor -> custom.css in the very end after everything

    .themonic-logo {
        margin: 0;
        padding: 0;
    }
    
    .themonic-logo img {
        max-width: 100%;
    }
    
    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        box-shadow: none;
    }

    The last part removes the image shadows that were not looking good on your website. Do let me know if it works as you have wanted.

    #962

    Aaronbrook37
    Participant

    Excellent – thanks so much for your help! :)

    #963

    Aaronbrook37
    Participant

    Hmm… 1040px doesn’t seem to fit properly. Take a look at my homepage and see how it’s stretched too far to the right? (www.apexnutrition.ca)

    #964

    Themonic-Support
    Keymaster

    Kindly check your uploaded image http://www.apexnutrition.ca/wp-content/uploads/2013/10/header1.png, the header image you are using has a width of 1080px instead of 1040px. After that use the code given above if you do not want the white area around your header image.

    #968

    Aaronbrook37
    Participant

    Awesome! Thanks so much for the help. It looks much better!

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

You must be logged in to reply to this topic.