Avatar of K Feening
K FeeningFlag for Australia asked on

css nav menu


I have created a bootstrap 5 nav horozontal menu with dropdown menu's and I am trying to increase the width of the dropdown menu depending in the text is there a way to find the css class that sets the menu width like in aspx.vb you can set a breakpoint and F8 through 

I have checked the classes and cannot see the width setting

<div class="container">
                <div class="row align-items-center position-relative">
                    <div class="site-logo">                         <img class="d-inline-block align-center" src="../images/StartUpLogo.png" width="30" height="30" />                         <a href="index.html" class="text-black"><span class="text-primary">TPA</a>                     </div>                     <div class="col-12">                         <nav class="site-navigation text-right ml-auto " role="navigation">                             <ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">                                 <li class="has-children">                                     <a href="#about-section" class="nav-link"><em class="icon-import_contacts"></em>  Import/Export</a>                                     <ul class="dropdown arrow-top">

Open in new window


Avatar of undefined
Last Comment
K Feening

8/22/2022 - Mon
Nancy Rindone

I think the class you want for the dropdown menu is named: dropdown-menu.

It looks like this class uses a min-width variable that is set to 10rem by default.
Nancy Rindone

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
K Feening

I was looking in the css file didn't know about the width being automatic thanks
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy