Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 12, 2024 at 5:43 pm #1429933
    liuxuewu

    I adjust the height and font size of the top bar in the header by using custom CSS.
    /* Increase the height of the top bar */
    .site-header .top-bar {
    height: 60px; /* Adjust the height as needed */
    }

    /* Increase the font size of the top bar */
    .site-header .top-bar a {
    font-size: 16px; /* Adjust the font size as needed */
    }
    But it doesn’t work?

    January 13, 2024 at 4:23 am #1429961
    Nikko

    Hi liuxuewu,

    Can you try adding this CSS code and see if it helps:

    #header_meta .container {
    padding: 15px 0;
}

    Best regards,
    Nikko

    January 13, 2024 at 8:13 am #1429970
    liuxuewu

    Unfortunately, there is still no change

    January 13, 2024 at 6:35 pm #1430002
    Mike

    Hi,
    The css classes .site-header & .top-bar are not typical for Enfold, I would recommend this css:

    #header_meta .container {
min-height: 60px;
}

#header_meta .container * {
font-size: 16px;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    January 15, 2024 at 4:15 am #1430102
    liuxuewu

    Thank you, I’ve got it covered.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How can I make the header’s top bar taller and increase the font size?’ is closed to new replies.