Separate too much white space in header question

Home › Forums › Iconic One Pro Support › Separate too much white space in header question

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 29, 2013 at 6:36 pm #891
    WebGain
    Participant

    My version of the question is – I’m looking to find out how to reduce the valuable space wasted between the bottom of the header (my header is a full width image) and the top of the social icons.

    September 29, 2013 at 6:43 pm #895
    Themonic-Support
    Keymaster

    Please provide url or screenshot so that we can understand your question.

    If you are using a big logo image which is not full width then this might help you http://themonic.com/forums/topic/css-change-too-much-white-space-in-header/

    September 29, 2013 at 8:04 pm #899
    WebGain
    Participant

    http://www.screencast.com/t/PyPorhArzBcG

    September 30, 2013 at 4:47 am #901
    Themonic-Support
    Keymaster

    You are using the logo uploader for uploading a full width image ~1000px. That logo uploader is meant for small logo images as per in the demo.

    White space around the image can be removed by pasting the following code in custom.css

    
.themonic-logo {
    margin: 0;
    padding: 0;
}
.themonic-logo img {
    max-width: 100%;
}

    In your case as you are using a full width image which is causing the social area to drop below, you will need to turn off the social buttons from the live customizer and use the above code to make it fit.

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