How to decrease navbar width in Hestia Child theme

  • Resolved ettahun

    (@ettahun)


    4 years, 6 months ago

    Hi!

    I changed my logo image today to a larger file hoping that would increse the size of the logo on my website.

    Instead, when I uploaded the new file the logo shrinked and was barely visible.

    So I added some CSS to increase the logo size but that also increased the width of the navbar which now blocks out a large portion of my page.

    How can I adjust the width of the navbar to match my current logo size?

    I am using the Hestia Child theme.

    Somebody please help me!

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

Viewing 1 replies (of 1 total)

  • Hi @ettahun,

    It is possible to increase the logo size to make it more clear, however, this will also increase the navbar height.

    You can add the following code in the Additional CSS editor within the Customizer and adjust the value of 70px as you want.

    .navbar .navbar-header .navbar-brand img {
    max-height: 70px;
}

    Best regards,
    Stefan

Viewing 1 replies (of 1 total)
  • The topic ‘How to decrease navbar width in Hestia Child theme’ is closed to new replies.

Tags