How do I create a simple drop menu for/on a mobile app?

Chappie · Nov 9, 2025

Hello.

Could I please just ask, how I would go about creating a simple drop menu for a mobile app?

Working with an html template, the coding for the bottom bar, has 3 options. One is home, second is a menu (i've included below), and the third is a search button.

I'm just working on the menu button:-

Code:

<!-- mobile bottom bar -->
<div class="mobile_bottombar d-block d-lg-none">
        <div class="header_icon">
                 <a href="javascript:void(0)" class="icon_wrp text-center open_category" id="mobile_menwrap">
                           <span class="icon">
                                  <i class="icon-list-ul"></i>
                           </span>
                          <span class="icon_text">Menu</span>
                   </a>
         </div>
 </div>

I'd be grateful if anyone knows how to create a simple drop menu.

Thank You.

John Joe · Jan 11, 2026

Try place this right after your bottom bar (or anywhere near the end of <body>):

Code:

<!-- Mobile dropdown menu -->
<div class="mobile_menu" id="mobile_menu">
<ul>
<li><a href="/home">Home</a></li>
<li><a href="/profile">Profile</a></li>
<li><a href="/settings">Settings</a></li>
<li><a href="/logout">Logout</a></li>
</ul>
</div>

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
How can I get my menu inside of a menu to function properly?	1	Jan 19, 2023
Dropdown menu in a fixed navbar	2	Apr 1, 2024
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022
Buttons lining up	1	Feb 6, 2022
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024
Multi select options in a menu	1	Oct 30, 2022
Not sure why drop-down is not working.	2	Mar 24, 2024

How do I create a simple drop menu for/on a mobile app?

Chappie

John Joe

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads