Title: Container neemt te veel breedte
Last modified: 31 oktober 2020

---

# Container neemt te veel breedte

 *  [matsgemmeke](https://nl.wordpress.org/support/users/matsgemmeke/)
 * (@matsgemmeke)
 * [5 jaren, 11 maanden geleden](https://nl.wordpress.org/support/topic/container-neemt-te-veel-breedte/)
 * Voor een bootstrap navigatiebalk gebruik ik een afbeelding als navbar-brand. 
   Deze afbeelding heb ik een width van 50% gegeven, maar op de website pakt de 
   container nog steeds de volledige breedte van de gehele afbeelding. Hierdoor 
   schuift de rest van de navigatie te snel onder de afbeelding. Hoe kan ik dit 
   oplossen?
 * De HTML van de navigatie:
 *     ```
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
           <a href="#" class="navbar-brand">
               <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/logo.png">
           </a>
           <button type="button" class="navbar-toggler navbar-toggler-right" data-toggle="collapse" data-target="#navbar-menu">
               <span class="navbar-toggler-icon"></span>
           </button>
           <div class="collapse navbar-collapse" id="navbar-menu">
               <ul class="navbar-nav ml-auto">
                   <li class="nav-item">
                       <a href="/home" class="nav-link">Home</a>
                   </li>
                   <li class="nav-item">
                       <a href="/blog" class="nav-link">Blog</a>
                   </li>
               </ul>
           </div>
       </nav>
       ```
   
 * En de CSS:
 *     ```
       .navbar {
           min-height: 250px;
       }
   
       .navbar-brand img {
           width: 50%;
       }
       ```
   
 * De pagina waar ik hulp bij nodig heb: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fnl.wordpress.org%2Fsupport%2Ftopic%2Fcontainer-neemt-te-veel-breedte%2F%3Foutput_format%3Dmd&locale=nl_NL)
   om de link te zien]_

1 reactie aan het bekijken (van in totaal 1)

 *  [Guido](https://nl.wordpress.org/support/users/guido07111975/)
 * (@guido07111975)
 * [5 jaren, 11 maanden geleden](https://nl.wordpress.org/support/topic/container-neemt-te-veel-breedte/#post-12171327)
 * Hallo,
 * De container waar het logo in staat (de `a` tag met class `navbar-brand`) blijft
   dezelfde breedte houden als je de `img` verkleind. Deze breedte wordt bepaald
   door de navigatie aan de rechterkant. Vrij complexe CSS. Heeft je thema geen 
   instelling om dit te wijzigen?
 * Guido

1 reactie aan het bekijken (van in totaal 1)

 Het onderwerp ‘Container neemt te veel breedte’ is gesloten voor nieuwe reacties.

## Tags

 * [bootstrap](https://nl.wordpress.org/support/topic-tag/bootstrap/)
 * [css](https://nl.wordpress.org/support/topic-tag/css/)

 * In: [Thema en CSS/opmaak](https://nl.wordpress.org/support/forum/themas-en-templates/)
 * 1 reactie
 * 2 deelnemers
 * Laatste antwoord van: [Guido](https://nl.wordpress.org/support/users/guido07111975/)
 * Laatste activiteit: [5 jaren, 11 maanden geleden](https://nl.wordpress.org/support/topic/container-neemt-te-veel-breedte/#post-12171327)
 * Status: onopgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen