Increase Logo size on sticky menu-CodePudding

I have a website and I would like to increase the logo size when the menu becomes sticky. (when scrolling down, the logo in the white menu) The link to the website is: website and for PasteBin - link to source code: link.

Source code:

<header  role="banner" data-transparent-header="true">
  <div >
    <div >
      <button type="button"  data-toggle="collapse" data-target=".navbar-collapse">
        <span >Toggle navigation</span>
        <span ></span>
        <span ></span>
        <span ></span>
      </button>
      <div id="logo">
        <a href="https://www.atvmototraveler.ro/">
          <img data-rjs="2"  src="https://www.atvmototraveler.ro/wp-content/uploads/2022/10/atv_de_inchiriat_inchirieri_atv_inchirieri_motociclete_cluj_cluj_napoca_atvmototraveler-61x61.png" alt="Atvmototraveler" width="61" height="61">
          <img data-rjs="2"  src="https://www.atvmototraveler.ro/wp-content/uploads/2022/10/inchirieri_atv-inchiriat_inchirieri_atv_cluj_inchiriere_atv_de_inchiriat_rent_atv_cluj_logo-1-301x300.png" alt="Atvmototraveler" width="61" height="61">
        </a>
      </div>
    </div>
    <div >
      <a href="https://www.atvmototraveler.ro/cart/">
        <i ></i>
      </a>
    </div>
    <nav  role="navigation" style="height: 0px;">
      <ul id="menu-atv-de-inchiriat-meniu" >
        <li >
          <a href="https://www.atvmototraveler.ro/" aria-current="page">
            <i ></i> Închirieri ATV </a>
        </li>
        <li >
          <a href="https://www.atvmototraveler.ro/trasee/">
            <i ></i> Trasee </a>
        </li>
        <li >
          <a href="https://www.atvmototraveler.ro/flota/">
            <i ></i> Flota </a>
        </li>
        <li >
          <a href="https://www.atvmototraveler.ro/despre-noi/">
            <i ></i>&nbsp;Despre Noi </a>
        </li>
        <li >
          <a href="https://www.atvmototraveler.ro/contact/">
            <i ></i> Contact </a>
        </li>
        <li >
          <a href="https://www.atvmototraveler.ro/product/inchirieaza-atv-cluj/">
            <i ></i> Rezervă Acum </a>
        </li>
      </ul>
    </nav>
  </div>
</header>

Thanks

CodePudding user response：

Try out this css.

.headhesive--clone.headhesive--stick div#logo .logo-main {
    height: 82px !important;
    max-height: unset !important;
}