Header Height, Logo-Size and Size of Typo

  • Resolved chruhrmann

    (@chruhrmann)


    5 years, 5 months ago

    Hi there,

    how can I decrease the Height of the Header, also decrease the size of the shown logo an the size of the typo-title?

    Thx in advance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @chruhrmann,

    Thanks for reaching out to us.

    I understand you would like to resize certain things in your header.
    Well I will place 3 snippets each having a different purpose:

    1.Code for resizing the logo:

    .home .header-logo-wrap img {
   max-height: 30px !important;
}

    2.Code for reducing the height of the header:

    .site-branding-wrap {
   height: 150px;
}

    3.Code for reducing the size of the orange text in the header:

    .home .header-logo-wrap .header-title-wrap p.site-title a {
   font-size: 18pt !important;
}

    For each value: 150px, 30px, 18pt, you can increase or decrease it according to your personal preferences.

    The code above should be added to Appearance -> Customize -> Additional CSS.

    Let us know how it goes.

Viewing 1 replies (of 1 total)
  • The topic ‘Header Height, Logo-Size and Size of Typo’ is closed to new replies.