Title: Change breadcrumb height
Last modified: August 22, 2016

---

# Change breadcrumb height

 *  [lukas.durjan](https://wordpress.org/support/users/lukasdurjan/)
 * (@lukasdurjan)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/)
 * Hello,
    anyone has experiences changing a breadcrumb image height? In invert 
   settings it says 1600×450, however my image is still fixed height, even not 450px.
   How can I make the breadcrumb bar thicker?
 * Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/#post-5820868)
 * Hey there Lukas,
 * How are you doing today?
 * You can increase the height of the breadcrumb area with some custom CSS. Please
   try adding the following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes)
   or if your theme doesn’t have custom CSS tab add it in your site using the following
   plugin:
 * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css)
 *     ```
       .bread-title-holder {
       height: 200px;
       }
       ```
   
 * This should increase the height of the breadcrumb area to 200px. Feel free to
   change the numeric value to what ever suits you the most. If this doesn’t work
   could you please post link to your site so I can take a look?
 * Hope this helps 🙂
 * Best regards,
    Bojan
 *  [verp92](https://wordpress.org/support/users/verp92/)
 * (@verp92)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/#post-5821120)
 * Hello,
 * I have almost the same problem.
 * The breadcrumb background image heigh is different on the pages, based on how
   long is the page title and the navigation list.
 * On this page it is thiner: [http://de.fotokunst-thier.de/?page_id=18](http://de.fotokunst-thier.de/?page_id=18)
 * Here is more thick: [http://de.fotokunst-thier.de/?page_id=145](http://de.fotokunst-thier.de/?page_id=145)
 * How can I fix this promblem to have the same size?
 * Thanks in advance, Veronika
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/#post-5821121)
 * Hey Veronika,
 * The issue is related to breadcrumbs going into the second row effectively increasing
   element height, so what you could do is simply set your title element to be 100%
   wide so it pushes the breadcrumbs below regardless of length of the title.
 * To do this please try adding the following CSS as described above:
 *     ```
       .laurels_menu h1 {
           width: 100%;
       }
       ```
   
 * This should be the result [http://screencast.com/t/I3LDl0pw](http://screencast.com/t/I3LDl0pw).
 * Hope this helps 🙂
 * Cheers,
    Bojan
 *  [zahban](https://wordpress.org/support/users/zahban/)
 * (@zahban)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/#post-5821122)
 * Hi guys,
 * I have a sort of a similar issue. Let’s say I upload a photo for my breadcrumbs
   which is the specified size of 1600/180px.
 * When I add it, it somehow gets zoomed and resized. So instead of seeing this 
   at the top of my page:
    [http://www.trainz-ro.com/wp-content/uploads/2015/11/1600180.jpg](http://www.trainz-ro.com/wp-content/uploads/2015/11/1600180.jpg)
   I see this: [http://imgur.com/GWjKOqK](http://imgur.com/GWjKOqK)
 * What’s wrong? I can’t figure it out from the stylesheet.
 *  [Tanay](https://wordpress.org/support/users/tanaykhandelwal-1/)
 * (@tanaykhandelwal-1)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/#post-5821123)
 * Add below css by any custom CSS plugin or using child theme
 *     ```
       .full-bg-breadimage-fixed {
           background-position: inherit;
           background-attachment: inherit;
           background-repeat: no-repeat;
       }
       ```
   
 * remove below code from invert-lite/js/custom.js line 124
 *     ```
       jQuery('.full-bg-breadimage-fixed').parallax("center", 0.2);
       ```
   
 * Regards,
    Tanay Khandelwal

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Change breadcrumb height’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/invert-lite/1.0.17/screenshot.
   png)
 * Invert Lite
 * [Support Threads](https://wordpress.org/support/theme/invert-lite/)
 * [Active Topics](https://wordpress.org/support/theme/invert-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/invert-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/invert-lite/reviews/)

 * 5 replies
 * 5 participants
 * Last reply from: [Tanay](https://wordpress.org/support/users/tanaykhandelwal-1/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/change-breadcrumb-height/#post-5821123)
 * Status: not resolved