[Support request] How to make Archive Images Square on Mobile

Hi Tommy,

With the current structure in your website, I can see that you have a container that has a background image, and you’re using specific spacing to make the image appear.

To resolve this issue, it the best step is to remove the current padding you have in mobile view, and set a padding-top: 100% instead.

See this for reference: https://share.getcloudapp.com/nOu92G0m

Also see: https://share.getcloudapp.com/JruGZ0rD

See this test I made with this setting: https://share.getcloudapp.com/v1uLqZpW

Kindly let us know how this goes. 🙂

That sounds great!

One way you can order your archive is by adding a PHP code. Can you try adding this PHP snippet and see if it works?:

add_filter( 'pre_get_posts', 'my_pre_get_posts' );

function my_pre_get_posts( $query ) {
     $query->set( 'orderby', 'comment_count' );
    return $query;
}

Here is an article you may refer to with regards to adding PHP: https://docs.generatepress.com/article/adding-php/

Hope to hear from you soon! 🙂

With regards to adding spacing, you can try creating a new block element with a spacer or a Container with Paddings, and hook it onto the specific location you wish.

See this as reference: https://share.getcloudapp.com/eDulZmnP

You may also refer to this Hooks visual guide for more guidance with regards to placing it in the right location: https://docs.generatepress.com/article/hooks-visual-guide/

Kindly try changing the priority to a high or low value depending on your preference. Priority default is 10, and this value determines which blocks goes first if they are in the same hook.

As for your second question, this is possible through setting the appropriate display location rules. For instance, if you choose “Post Category Archive”, instead of setting “All Categories”, you can choose a specific one.

See: https://share.getcloudapp.com/BludPr2y

Hope this helps! 🙂

You’re welcome Tommy! Feel free to reach out if any further assistance is needed. 🙂

Hi there,

change this function:

function my_pre_get_posts( $query ) {
    $query->set( 'orderby', 'comment_count' );
    return $query;
}

to:

function my_pre_get_posts( $query ) {
     if (!is_admin()) {
         $query->set( 'orderby', 'comment_count' );
     }
     return $query;
}

Glad to hear that!