Sort portfolio formatting

[tiffisis]

Hola. I’m trying to follow this advice - Sort Portfolio missing from portfolio template - to get the portfolio sorting back after building a custom header in pro. It’s not showing up properly. Can you help me format please? It’s especially weird on mobile. Or if there’s a better way of doing this without the shortcode, I’d love the help. Ideally I’d like to lose the title altogether and just have the Sort Portfolio options.

http://encyclomedia.net/wp/portfolio/

[nabeel]

Hi Tiffany,

Thank you for reaching out to us. Currently it is only possible to show the portfolio filters using shortcode in Pro. You can add [x_portfolio_filters] to a content area element and it will output the filters on a portfolio page.

You can adjust the formatting with custom CSS, In header builder inspect the Bar that contains the portfolio filters, go to Customize > Element CSS (see https://theme.co/docs/element-css) and paste the following code:

$el .x-bar-content-area {
    flex: 1;
}
$el .x-bar-container {
    align-items: flex-start;
    flex: 1;
}
$el .x-header-landmark {
    width: 100%;
    margin: 35px auto 0;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!