Thank Yigit. Please close this post.

For anyone else viewing this post, please go to https://kriesi.at/documentation/enfold/how-to-clear-the-cache/ & follow these steps. This time I forgot to disable “merging and compression”.

Thanks Jordan. I’ve tried and reviewed on multiple devices / browsers but still see the dates. Can someone else confirm they are not seeing these dates: https://www.screencast.com/t/cLMqn93LX

Thank you Ismael. All seems to be working now.

Ismael,

I have two main areas where I use the masonry elements:

https://3das.com/3d-projects/ – based off post order using masonry
https://3das.com/gallery/ – based off masonry gallery.

Both are being affected by the plugin & the code snippet described above and I will need to get the order field on my posts. Where should I put 'supports' => array('title', 'page-attributes'), in single.php? Are there more steps I need to take?

Ismael,

Thank you for looking into this. The reason I used the plugin was due to the directions below not being clear on what to do after you have installed the code & saved the template page(s). Can you tell me how I can sort my posts after I configure the order/orderby settings?

Directions from https://kriesi.at/documentation/enfold/blog-post/#toggle-id-26:

How to add an order/orderby option to the blog/post slider/portfolio/masonry grid element
Some users asked us how they can set a different order for their blog/post slider/portfolio/masonry grid elements. The filter solution here: https://kriesi.at/documentation/enfold/change-the-sort-order-of-portfolio-elements/ is not flexible because it affects all elements and all custom queries. Since Enfold 2.7.1 it’s possible to add some custom order/orderby options to the blog/post slider/portfolio/masonry grid settings which enable you to change the sort order for each element independently. Insert the code below into the child theme functions.php file and save the file. Then go to the blog/post slider/portfolio/masonry grid element settings screen, scroll to the bottom of the options window and configure the order/orderby settings. Then save the template and page and the posts should be displayed based on the new sort order.

Attention – if you use the “Random” sort option, do not use it in combination with the “pagination” setting. Otherwise, you risk that the user just sees the same posts over and over again because WordPress doesn’t know which posts were used on the other pages.

Removing the script did not work. I tried clearing the cache and updating the page through the editor. Removing the script also rearranges my posts. For example, the https://3das.com/3d-projects/#casestudies section should be listed by cities first but when I remove the script they are in a completely different order.

The code I use is below for reference:

// Custom Sort Order
if(!function_exists('avia_custom_query_extension'))
{
    function avia_custom_query_extension($query, $params)
    {
        global $avia_config;
        if(!empty($avia_config['avia_custom_query_options']['order']))
        {
            $query['order'] = $avia_config['avia_custom_query_options']['order'];
        }

        if(!empty($avia_config['avia_custom_query_options']['orderby']))
        {
            $query['orderby'] = $avia_config['avia_custom_query_options']['orderby'];
        }

        unset($avia_config['avia_custom_query_options']);

        return $query;
    }

    add_filter('avia_masonry_entries_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avia_post_grid_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avia_post_slide_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avia_blog_post_query', 'avia_custom_query_extension', 10, 2);
    add_filter('avf_magazine_entries_query', 'avia_custom_query_extension', 10, 2);

    add_filter('avf_template_builder_shortcode_elements','avia_custom_query_options', 10, 1);
    function avia_custom_query_options($elements)
    {
        $allowed_elements = array('av_blog','av_masonry_entries','av_postslider','av_portfolio','av_magazine');

        if(isset($_POST['params']['allowed']) && in_array($_POST['params']['allowed'], $allowed_elements))
        {
            $elements[] = array(
                "name" => __("Custom Query Orderby",'avia_framework' ),
                "desc" => __("Set a custom query orderby value",'avia_framework' ),
                "id"   => "orderby",
                "type" 	=> "select",
                "std" 	=> "",
                "subtype" => array(
                    __('Default Order',  'avia_framework' ) =>'',
                    __('Title',  'avia_framework' ) =>'title',
                    __('Random',  'avia_framework' ) =>'rand',
                    __('Date',  'avia_framework' ) =>'date',
                    __('Author',  'avia_framework' ) =>'author',
                    __('Name (Post Slug)',  'avia_framework' ) =>'name',
                    __('Modified',  'avia_framework' ) =>'modified',
                    __('Comment Count',  'avia_framework' ) =>'comment_count',
                    __('Page Order',  'avia_framework' ) =>'menu_order')
            );

            $elements[] = array(
                "name" => __("Custom Query Order",'avia_framework' ),
                "desc" => __("Set a custom query order",'avia_framework' ),
                "id"   => "order",
                "type" 	=> "select",
                "std" 	=> "",
                "subtype" => array(
                    __('Default Order',  'avia_framework' ) =>'',
                    __('Ascending Order',  'avia_framework' ) =>'ASC',
                    __('Descending Order',  'avia_framework' ) =>'DESC'));
        }

        return $elements;
    }

    add_filter('avf_template_builder_shortcode_meta', 'avia_custom_query_add_query_params_to_config', 10, 4);
    function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename)
    {
        global $avia_config;
        if(empty($avia_config['avia_custom_query_options'])) $avia_config['avia_custom_query_options'] = array();

        if(!empty($atts['order']))
        {
            $avia_config['avia_custom_query_options']['order'] = $atts['order'];
        }

        if(!empty($atts['orderby']))
        {
            $avia_config['avia_custom_query_options']['orderby'] = $atts['orderby'];
        }

        return $meta;
    }
}

Hello Rikard, the theme has been updated to 4.7.1 but the issue is still unresolved.

Thanks Mike,

That worked for one page, but when I tried to apply to other pages, I can’t seem to replicate what you did. These are the 3 pages I need to update + I’ve changed them all to include color sections:
https://3das.com/interior-design/
https://3das.com/exterior-architectural-solutions/
https://3das.com/developer-realtor/

Here’s what I’ve done in the CSS, but I’m no coder. Please let me know what I’m doing incorrectly. Thanks!

/*--- Mobile Layout Right column fix Start---*/
@media only screen and (max-width: 767px) { 
  #top.page-id-2927 .post-entry-2927 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.page-id-2927 .post-entry-2927 .flex_column.first.avia-builder-el-9 {
      order: 2 !important;  
}
  #top.page-id-2927 .post-entry-2927 .flex_column.avia-builder-el-12 {
      order: 1 !important;  
}
  #top.page-id-2927 .post-entry-2927 .flex_column.first.avia-builder-el-22 {
      order: 4 !important;  
}
  #top.page-id-2927 .post-entry-2927 .flex_column.avia-builder-el-26 {
      order: 3 !important;  
}
  
  #top.page-id-2950 .post-entry-2950 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.page-id-2950 .post-entry-2950 .flex_column.first.avia-builder-el-9 {
      order: 2 !important; 
}
  #top.page-id-2950 .post-entry-2950 .flex_column.avia-builder-el-12 {
      order: 1 !important;  
}
  #top.page-id-2950 .post-entry-2950 .flex_column.first.avia-builder-el-22 {
      order: 4 !important;  
}
  #top.page-id-2950 .post-entry-2950 .flex_column.avia-builder-el-26 {
      order: 3 !important;  
}

  #top.page-id-2982 .post-entry-2982 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important;  
}
  #top.page-id-2982 .post-entry-2982 .flex_column.first.avia-builder-el-9 {
      order: 2 !important;  
}
  #top.page-id-2982 .post-entry-2982 .flex_column.avia-builder-el-12 {
      order: 1 !important; 
}
  #top.page-id-2982 .post-entry-2982 .flex_column.first.avia-builder-el-22 {
      order: 4 !important;  
}
  #top.page-id-2982 .post-entry-2982 .flex_column.avia-builder-el-26 {
      order: 3 !important;  
}
}

/*--- Mobile Layout Right column fix End---*/

Victoria,

Perfect, thank you!

Not sure what happened, but I see it is now up.

Hello Mike,

Unfortunately, disabling plugins and clearing the cache ideas does not work. I am almost positive it is the theme update as it is the only component that was updated when this issue happened. Please advise.

I almost have it. Turns out a piece of CSS code that was suggested here to remove the logo is also creating the drop-down color issue & making the “Brian & Anna” text title huge. That code is:

@media only screen and (max-width: 767px) {
.responsive .logo { display: none !important; } 

Is there another way I can remove the logo and move up the menu on mobile?

Josue,

Thanks for the suggestion. I agree and have added the code to the site.

Thanks Kriesi. Just looked at all the new major update – W-O-W!