Viewing 7 replies - 1 through 7 (of 7 total)
  • Try this:

    .site-header .site-branding {
         margin-bottom: 0 !important;
    }
    
    .main-navigation {
         padding-top: 0 !important;
    }

    Good luck!

    Thread Starter sohowp

    (@sohowp)

    Thanks but it doesn’t do much.

    @sohowp, try using the CSS code below:

    .site-header .site-branding, .site-search, .site-search form {
        margin-bottom: 0;
    }

    Note that @rshiery88 code was working but it was lacking the margin added by the search block.

    Thread Starter sohowp

    (@sohowp)

    Thanks and I think it is looking better. Is there a way to stretch the width of the site so that the left and right margin of the entire site is very minimal?

    James Koster

    (@jameskoster)

    @sohowp you can do this by modifying the max-width on .col-full.

    Try something like:

    .col-full {
    max-width: 80em;
    }

    Cheers

    Thread Starter sohowp

    (@sohowp)

    Woah! This is great! Thank you very much. God bless all of you for the help!

    James Koster

    (@jameskoster)

    No problem!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Shrinking space at the top’ is closed to new replies.