Dropotron left padding funktioniert nicht

Question

Ich möchte diesen richtigen Platz in meinen Drop-down-Menüs reduzieren.

mit Versuchte:

.dropotron li { 
      box-shadow: inset 0 1px 0 0 #e6e6e6; 
      padding-right: 0 !important; 
     } 

Aber ohne Erfolg. Irgendwelche Ideen?

MY CSS:

.dropotron { 
     list-style: none; 
     padding: 0; 
     background: #fff; 
     color: #444; 
     min-width: 13em; 
     padding: 0.75em; 
     margin-top: -0.5em; 
     font-family: "Raleway", Helvetica, sans-serif; 
     font-weight: 500; 
     text-transform: uppercase; 
     box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35); 
    } 

     .dropotron li { 
      box-shadow: inset 0 1px 0 0 #e6e6e6; 
      padding-right: 0 !important; 
     } 

      .dropotron li:first-child { 
       box-shadow: none; 
      } 

     .dropotron a { 
      color: inherit; 
      text-decoration: none; 
      letter-spacing: 0.05em; 
      font-size: 0.8em; 
      display: block; 
      line-height: 3em; 
      border: 0; 
     } 

     .dropotron.level-0 { 
      margin-top: 0; 
     } 

      .dropotron.level-0:before { 
       content: ''; 
       border-left: solid 0.5em transparent; 
       border-right: solid 0.5em transparent; 
       border-bottom: solid 0.5em #fff; 
       display: block; 
       position: absolute; 
       top: -0.45em; 
       left: 50%; 
       margin-left: -0.25em; 
      } 

MY HTML:

<li> 
<a href="#" class="submenu fa-angle-down"><a href="#" class="image"><img src="images/flag1_a.png" alt="" /></a> 
<ul> 
    <li><a href="#" class="image"><img src="images/flag2.png" alt="" /></a></li> 
    <li><a href="#" class="image"><img src="images/flag3.png" alt="" /></a></li> 
    <li><a href="#" class="image"><img src="images/flag4.png" alt="" /></a></li> 
</ul> 
</li> 

Answer 1

Ohne ein Beispiel aus der ich hier nur raten bin zu arbeiten, aber ich denke, es ist wahrscheinlich die min-width: 13em; auf die .droptotron Klasse, die die Breite steuert. Versuchen Sie, das zu reduzieren und sehen Sie, ob es hilft.