Home Support Total Changing Logo / Header Size

This topic contains 4 replies, has 5 voices, and was last updated by  MatiasP 2 weeks, 4 days ago.

  • Author
    Posts
  • #1266

    whiterabbit7844
    Participant

    Hi,

    Just found your theme today. Kind of on the fence about it. In once sense, it’s pretty cool that it’s dead simple to set up, not a lot of knobs to twist. Unfortunately, at the same time, there’s not a lot of knobs to twist, so if you run into a problem, from what I can tell on this board, you’re kind of SOL.

    I may have run into such a problem. I need to be able to make my logo (and, respectively, my header) at least 150px high. Preferably even closer to 200px would be nice.

    Possible? Or am I about to find myself in pursuit of another theme?

    Thank you for your time,

    Michael

  • #1268

    nguyen4514
    Participant

    If you are willing to dive into the main css file, you can adjust the size of the header. I increased the header size to 110px. I didn’t have a large logo. I just thought that a slightly larger header size looked better on mobile devices.

    #ht-masthead{
    border-top: 4px solid #FFC107;
    background: #FFF;
    height: 110px; <——— changed this
    border-bottom: 1px solid #F1F1F1;
    z-index: 99;
    transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    }

  • #1278

    HashThemes
    Keymaster

    @nguyen4514 thanks for the help.

    @whiterabbit7844 the above CSS should help you the increase the header height.

  • #2984

    jarobert
    Participant

    Hi. I want to change the header height, but I canĀ“t find #ht-masthead anywhere in the style.css. What is the name of the style sheet?

    And I want to change the link colors ect. but nothing happens, when I change the colors in Style.css?

    • This reply was modified 1 month, 1 week ago by  jarobert.
  • #3022

    MatiasP
    Participant

    @jarobert

    You can just paste the piece of code @nguyen4514 shared in the “Additional CSS” section on the WordPress Live Customizer.

You must be logged in to reply to this topic.