Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #47633
    benowchiro
    Participant

    I have tried all of the suggestions already posted in the forum. I would like the white space above my image/menu bar to be about half of it’s current size. The same for the space below the image/above the featured image slider. Thanks for your help! (The image is cropped with not white space above or below the faded out yellow glow.)

    243.615.myftpupload.com

    #47700
    Sakin
    Keymaster

    @benowchiro: You can add the following css in “Appearance => Theme Options => Custom CSS” box.

    #site-logo, #header-right { padding-top: 20px; }
    #hgroup-wrap { padding-bottom: 20px; }
    #48168
    benowchiro
    Participant

    I just submitted another question that might have also gone into your spam folder…I don’t see it in the topics list…

    #48202
    Sakin
    Keymaster

    @benowchiro: Ok I will check in.

    #49173
    Jacopo
    Participant

    @Sakin I use this custom CSS to reduce the white space from header, in desktop view it’s ok. In the mobile view the white space is not ok in the top, view the example in the screenshot, there is a way to resolve?

    Thank’s

    #49175
    Sakin
    Keymaster

    @Jacopo: I cannot check with the screenshot. I need your live site URL then only I can check in with my mobile and send you custom css.

    #49184
    Jacopo
    Participant

    ok

    #49267
    Sakin
    Keymaster

    @Jacopo: Find the following css in your Custom CSS:
    #hgroup-wrap { padding-bottom: 20px; }

    Then replace it with the following css:
    #hgroup-wrap { padding-bottom: 20px; padding-top: 0; }

    #49286
    Jacopo
    Participant

    Thank’s Sakin now is perfect!

    Regards
    Jacopo

    #49289
    Sakin
    Keymaster

    @Jacopo: Cheers 🙂

    #50123
    Jacopo
    Participant

    @Sakin: Using a Full HD resolution in my new monitor, I noticed that the header logo is not center, as you can see from the screenshot below, and this also happens in other computers with a Full HD display.

    Now i’ve this custom CSS for the header:

    #hgroup-wrap { padding-bottom: 20px; padding-top: 0; }
    #site-logo, #header-right { padding-top: 20px; }

    How can I do to center the header logo?

    Thank’s
    Jacopo

    #50127
    Sakin
    Keymaster

    @Jacopo: For large screen, you can add the following css in “Appearance => Theme Options => Custom CSS” box:

    #site-logo,
    #header-left {
        width: 100%;
    }
    #hgroup-wrap img {
        margin: 0 auto;
    }
    #50131
    Jacopo
    Participant

    @Sakin: Thank you very much, now is ok!

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Removing white space from header’ is closed to new replies.