Option to hide breadcrumb navigation

Hi,

Thanks for adding your feature request here.

For users who would like to use the folder tree view to navigate, simplify the interface, and reduce the vertical footprint of the interface to allow for more media items to be shown.

We’ll keep that in mind for a future release! However, you can use the following css to hide it:

#wpmf-breadcrumb {display: none}

Hope it helps!
Cheers,

Yes, there are several of these CSS rules I'm currently using to fine-tune the UI. They get overwritten when I update the plugin though, so hoping the option could be added Thanks!

Hi,

Thanks for your message.
Yes, we got it!

Cheers,

I discovered after a bit more testing the #wpmf-breadcrumb {display: none} CSS rule breaks the left tree view positioning. At first glance it looked like it would work. But when you scroll down the screen and then back up, the tree folder nav gets stuck to the top and overlaps the top toolbars in the media library. Note that it only seems to break in the media library list view. The media library grid view appears to not have the same issue when this CSS rule is added. Something else to mention - we reached out to another plugin author because their filters weren't displaying correctly in the top toolbar. They said WordPress recently changed the way they display the filter toolbar in media library. Maybe this is having an impact on WP Media Folders breadcrumb suppression on the list view as well.

I did a little more playing around and here's what I've done for a temporary workaround:

/wp-content/plugins/wp-media-folder/assets/css/style.css

#wpmf-breadcrumb {
max-height: 1px; /*added this*/
display: block;
left: 0;
right: 300px;
overflow: auto;
z-index: 10;
/*background: #FEFEFE; commented this out*/
padding: 0;
margin: 0;
}

.upload-php #wpmf-breadcrumb {
/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
border: 1px solid #e5e5e5; commented this out*/
}

#wpmf-breadcrumb li {display: none;}

#wpmf-breadcrumb,
#wpmf-breadcrumb a {
/*color: #777777; commented this out*/
text-decoration: none;
}

Hi,

Thanks for getting back to me with more information.
If you encounter any other issues, please drop us a ticket (menu Support > Ticket support).
Our developer in charge will take a look at that.

Cheers,