Show Portfolio Nav Horizontally in Education Theme Demo?

How do I present the sortable portfolio navigation bar horizontally? Currently it shows like this:
https://screencast.com/t/OwCwcwEgzI (notice the plus + button which I don’t want)

But I want my portfolio nav bar to display like this:

How is that done using the Education theme?
Thanks

Hi,

You can achieve that using some css code. Please add the code below in Theme Options > CSS

.x-landmark, .x-breadcrumbs-wrap {
    display: block;
    vertical-align: middle;
    width: 100% !important;
}

.option-set {
    margin-top: 20px;
}

.option-set > li {
    width: 100%;
}

.x-portfolio-filters-menu {
display:block;
    position:static;
    background:transparent;
    width: 100%;
}

.x-portfolio-filters-menu li a,
.x-portfolio-filters-menu li a:hover {
   color:#000;
}

.x-portfolio-filters-menu > li {
   display:inline-block;
   float:none;
   vertical-align:middle;
       margin: 5px;
}

.x-portfolio-filters-menu li a {
       border: 1px solid #000;
    display: block;
    padding: 0.5em 1.75em !important;
}

.x-portfolio-filters {
    display:none;
}

.x-portfolio-filters-menu .selected {
    color: #000;
}

Hope this helps

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.