[Resolved] How to Query 2 Child Category Pages on a Parent Category Page?

Hi David,

Thanks for the reply.

That’s not working. If you look at the URL I sent, on the category page Costa Rica Wedding Venues, there are only 2 items in the list: 1. Luxury Venues, and 2. Unique venues.

When I do it how you explained, all the posts inside Luxury Venues and Unique Venues appear on the Costa Rica Wedding Venues category page.

What I’m looking to do is: A visitor goes to the Costa Rica Wedding Venues category page and sees 2 options: 1. Luxury Venues, and 2. Unique. If they want to see luxury venues, they click on Luxury Venues, which takes them to the Luxury Venues category pages on which all the posts on luxury venues appear. If they want to see unique venues, they click on Unique Venues from CR Wedding Venues page and the same happens, but for unique venues.

I’ll start a support ticket at WPSP.

Thanks and have a good one!

Cheers,

Andrés

Hi David,

Sorry, I really don’t know what is required to make that happen.

On the current site (GP Pro + Elementor), all three pages are archive pages. Since I did not develop the site, and since I’m not a developer, I am not quite sure how it was done. Luxury Venues and Unique Venues are the child categories, and Wedding Venues in Costa Rica is the parent category.

What it looks like to me on the category page is that the two options (Luxury Venues and Unique Venues) are in a posts lists given that there is the “Read More” option under each one, which is particular to posts lists.

This was why I was thinking I would need to use WPSP to do this. If WPSP is not necessary, how would you recommend doing it and be able to maintain the hierarchy so that breadcrumbs can be use?

On a side note, I was searching for a way to disable the footer on mobile and came across this page: https://generatepress.com/forums/topic/how-to-disable-footer-widgets-only-in-mobile/. I input the CSS provided by Leo, and it does not remove the footer. The CSS you recommend looks like it only disables the footer on a mobile device in which a user is logged in.

How do I disable the footer in mobile?

Thank you very much David, and have a good day.

Sincerely,

Andrés

Hi Tom,

That is the same CSS I reference in the previous message. For some reason, it does not disable the footer in mobile.

This is the CSS I input in Simple CSS, and it did not disable the footer in mobile:

@media (max-width: 768px) {
    .footer-widgets {
        display: none;
    }
}

These are the instruction on GP that I used to create the footer. Maybe I created the footer incorrectly?

Have a good night

Cheers!

Andrés

Hi David,

There are 2 sites, our current site and the site under development. The current site uses GP Pro + Elementor. The site under development uses GP Pro with no page builder. You must have examined the current site.

We are looking to disable the footer on the site we are developing (GP Pro + no page builder). Here’s a URL for a post on the development site:

On the development site, I input the CSS below in Simple CSS, and it did not disable the footer in mobile.

@media (max-width: 768px) {
    .footer-widgets {
        display: none;
    }
}

These are the directions I followed to create the footer (sorry, I failed to include the link in the last email): https://docs.generatepress.com/article/footer-bar-widget-area/#adding-a-footer-menu

Is this the correct way to create a footer? Should the above CSS disable a footer created this way?

Thanks and have a good day.

Cheers!

Andrés

Hi David,

Thanks! That did it!! It removed the footer on all pages, posts, and category pages.

Did I create the footer using the correct GP instructions correctly? Is there a better way to create the footer that you would recommend?

Yes, we have custom category templates. We have separate templates for parent and child categories. Why do you ask?

Thanks and have a good day.

Sincerly,

Andrés

Hi David,

Thanks for letting me know the footer was done right. You never know with all the instructions out there that have been published over the years. I always look for the most recent ones.

Also, thanks for the advice on replicating the Parent Category Template by using static HTML. Unfortunately, I wouldn’t even know where to start to go down that path. Do you have any recommendations?

What do you think about just creating a page for Costa Rica Wedding Venues (the parent category), use GenerateBlocks to create two columns with the same photos, title, and text, and embed URLs that link to the child categories (Luxury Venues and Unique Venues), and remove the parent category and convert the 2 child categories to regular categories?

I don’t know what implications this would have for site structure, SEO, and using Yoast breadcrumbs as it’s implemented on the current site (GP + Elementor site). Would this be similar with regards to the above as using static HTML?

Thanks for your patience and input.

Cheers!

Andrés

Hi Tom,

Thanks! I’ll check into it.

What I might just do is do away with that page al together and have the two options appear in the navigation bar under an item called Wedding Venues. Being able to use keyword phrase “Costa Rica Wedding Venues” was a benefit for SERPs and SEO, but if it’s too much trouble, then …

I also found a plugin called Easy Query that allows you to “easily” (if you know what you are doing) create custom queries. I’ve messaged the developer to see if it can be used to create a custom query to query those two child categories on the parent category page. If not, that’s life.

I’ll keep you posted in case something like this every crosses your desk again.

Have a good evening.

Andrés