Banner vertical size on Basis Theme

• 

  rcalafiori · Member · Aug 1, 2014 at 1:26 pm

  • Copy link
  • Add topic to favorites

  Hi There,
  I’m using Theme Basics, and I need to reduce the main banner vertical size by half. Is it possible?
  Thanks!

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

• 

  5mutek · Member · Aug 1, 2014 at 2:37 pm

  • Copy link

  Hi!

  This is possible and would fall under a CSS customization. Assuming you have the Custom Design upgrade, this bit of CSS will reduce the vertical height of your top banner from it’s current size, 500px, to 250px.

  /* change main banner height */
  
  .banner {
      min-height: 250px;
  }

  Your theme, by default, uses a banner height of 300 pixels on smaller screens, and 500 pixels on large screens, so you may find 250px to be a good compromise for all screen sizes.

  If not, you can set a specific height for smaller screen sizes as well by using media queries.

• 

  rcalafiori · Member · Aug 1, 2014 at 3:02 pm

  • Copy link

  That worked!

  Thank you, very much, 5mutek.

• 

  5mutek · Member · Aug 1, 2014 at 3:13 pm

  • Copy link

  No problem, happy to help.