Hi there,

By adding the following CSS to Custom CSS your issue should be fixed:

/* Fix portfolio filter sub-category display */
.portfolio-title-holder .pt-column {  
    width: 100%;
}

If you don't know how to add custom CSS please follow our documentation guide.

Hi there,

The feature you are asking for cannot be achieved with the default theme options, and that's not within the support scope anyway I have tried to replicate your idea so if you want to achieve something almost similar paste the following CSS to Custom cSS:

.portfolio-title-holder .pt-column:last-child {
  width: 85% !important;
}
.portfolio-title-holder .pt-column.pt-column-title .section-title {
  margin: 0px;
}
.portfolio-title-holder .pt-column .product-filter {
  text-align: left ;
}
.portfolio-title-holder .pt-column.pt-column-title {
  max-width: none !important;
  width: 15% !important;
}
.portfolio-title-holder {
  align-items: start;
}
.product-filter .portfolio-subcategory a {
  font-size: 16px;
  font-weight: 400;
}
.subcategory-active.product-filter .portfolio-root-categories li {
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=1);
    -webkit-opacity: 1;
    -moz-opacity:a 1;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0px);
}
.product-filter .portfolio-subcategory {
  left: 0;
  top: 45px;
}
.product-filter .portfolio-subcategory li.subcategory-back a span{
  display: none;
}
.product-filter .portfolio-subcategory li.subcategory-back a i {
  opacity: 1;
  transform: rotate(90deg);
}
.product-filter .portfolio-subcategory li {
  margin-left: 0px;
  margin-right: 15px;
}

Next time, if you're looking for professional help that's not included within the support, there's always someone available for such tasks on WP Kraken. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.