Increasing header height on Swell

  • Unknown's avatar
    familyandeducationmarketingltd · Member ·

    I need to increase the header height on the portfolio pages to match the height of the header on the ‘our work’ page

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    innisfreehomestead · Member ·

    Hello there!

    Dropping this code in your custom CSS area should do the trick: 

    .single-jetpack-portfolio .main.entry-header.has-background {
	height: 436px;
}

    Let me know if that doesn’t work!
    Sage

  • dromero20 · Staff ·

    Hi there!

    You can also try this code! Maybe it should work too:

    single-jetpack-portfolio #main header.main { min-height: 436px; }
@media only screen and (max-width: 1024px) {
  .single-jetpack-portfolio #main header.main { min-height: 320px; }
}

    You’ve told me that you want to remove the shadow of the portfolio header too, so you could try this:

    .single-jetpack-portfolio #main header.has-background .overlay { display: none; }

    Or if you don’t want to remove the shadow completely but only a little:

    .single-jetpack-portfolio #main header.has-background .overlay { background: rgba(0,0,0,.1); }

    Please tell me if that works for you ;)

  • The topic ‘Increasing header height on Swell’ is closed to new replies.