drop down button cut off by footer

[idiot web]

I’m using a single drop down button on the contact page but when the list drops down it gets cut off by the footer section. Any idea how to make the button down down over the footer so it does not get cut off?

<div class="btn-group" role="group">
<button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Country</button>
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<a href="repdirect.html">UK</a>
<a href="repdirect.html">ARGENTINA</a>
<a href="repdirect.html">AUSTRALIA</a>
<a href="repdirect.html">BRAZIL</a>
<a href="repcanadaab.html">CANADA-BC</a>
<a href="repcanadaab.html">CANADA-AB</a>
<a href="repdirect.html">CANADA-MB</a>
<a href="repdirect.html">CANADA-NB</a>
<a href="repdirect.html">CANADA-PQ</a>
<a href="repdirect.html">CANADA-SK</a>
<a href="repdirect.html">CHILE</a>
<a href="repdirect.html">FRANCE</a>
<a href="repdirect.html">GERMANY</a>
<a href="repdirect.html">GREECE</a>
<a href="repindia.html">INDIA</a>
<a href="repdirect.html">ISRAEL</a>
<a href="repdirect.html">ITALY</a>
<a href="repdirect.html">KOREA</a>
<a href="repdirect.html">MEXICO</a>
<a href="repdirect.html">NETHERLANDS</a>
<a href="repdirect.html">NORWAY</a>
<a href="repdirect.html">PERU</a>
<a href="repdirect.html">PHILIPPINES</a>
<a href="repdirect.html">SPAIN</a>
<a href="repdirect.html">SWEDEN</a>
<a href="repdirect.html">TAIWAN</a>
<a href="repdirect.html">TURKEY</a>
 </div>
</div>

---

• This topic was modified 1 month, 3 weeks ago by Support.

[Support]

Hi,

You can add max-height with css, adding this:

(css/custom.css)

.btn-group .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

---

[Author]

Posts