Reducing the height of the top area that holds the logo

Homepage Community Forums Epik Theme Support Reducing the height of the top area that holds the logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10488
    #10489
    Wes
    Moderator

      First you could either adjust or remove the “min-height” for the logo/tile area. This can be found around line 1955 in your style.css file –

      .header-image .site-title a {
          float: left;
          min-height: 164px;
          width: 100%;
      }

      If you remove the min-height: 164px; line it will remove the height for the logo area which will free up some space…..but first, you’ll need to adjust the padding in the widget area on the right in order for that to take effect.

      To adjust the padding for the widget area, look for .header-image .site-header .widget-area around line 1975 and edit the padding like this (example) –

      .header-image .site-header .widget-area {
          padding: 20px 0;
          padding: 1.25rem 0;
      }

      This theme uses rem in addition to pixels (px) so if you add 20px you would need to find calculate how much 20px would be in rem. Most browsers will use the “rem” by default over the “px”. The easiest way to calculate it is to look at a site like this – https://offroadcode.com/prototypes/rem-calculator/ which will automatically show you what each px equals. If you don’t want to use the rem, then just remove it and use the regular px as normal.

      #10490
      CTS
      Customer

        Thanks Wes,

        Did it like magic!

        Thanks you for the incredible theme and quick answer.

        Shelby

        #10509
        Wes
        Moderator

          You’re Welcome!

          Glad you like the theme! I appreciate it 馃檪

        Viewing 4 posts - 1 through 4 (of 4 total)
        • The topic ‘Reducing the height of the top area that holds the logo’ is closed to new replies.