Hi guys,
Any help on this?
Thank you very much! ;-)

Hi Mike,
Thanks a lot for your work!
From what you tell me here, it seems to be difficult to code this properly and the result will not be perfect.
So I think I gonna give up this idea and keep a more classic menu.
Anyway, Yigit, Mike, thank you so much for your work guys!!
Best regards ;-)

Hi Mike,
Your new function works great! :-)
Thank you sooo much for your help!
Do you think it is possible to display “1 of 5”, “2 of 5”, “3 of 5” and so on like on other pages, or maybe it is too difficult?

Hi Victoria,
Thanks for your reply.
I’m sorry but this code doesn’t work. But maybe it could also be linked to this issue: https://kriesi.at/support/topic/unstick-topbar-on-mobile/.

Hi Ismael,
Thanks for your reply.

I gonna try your function later and I will have some questions about it.
But for now, I absolutely need to make my search dropdown visible again.

I tried many things:
– disable all added functions related to search in my functions.php file
– disable all added CSS related to search in my style.css file
– delete searchform.php file I added in my child theme to transform the classic theme search to WooCommerce products search
– deactivate Relevanssi extension
…but there’s nothing to do. The search dropdown is still hidden and I don’t know why!

I worry a lot about this because I will need to put my website online in the next weeks :-(

Do you have an idea of what happened? Could you please help me on this?

Hi Ismael, hi Mike,
Lot of information today :-D

Ismael, I tried to add my page ID in your function, but it doesn’t work.

Mike, I’m not sure to understand what you mean about page/archive and 99… I think the page I need to limit the pagination is really a page and note an archive. This page is in private content and its ID is 5480.
Anyway, I tried with this:

		if(is_archive(array( 5480))) {
			$pages = 5;
		}

…but it limits pagination of all pages of my website.

I thank you a lot if you could find the issue, but if it’s too complicated, cause now there is only one page to limit the pagination, maybe a CSS solution like the one Ismael tried above could be enough…

Waiting for your reply guys.

Thanks a lot for your work!! ;-)

Hi Mike,
Yes, this thread can be closed.
Thanks a lot for your help! :-)

Hi Jordan,
I tried many things:
– add the code to the very top of my Quick CSS
– add !important to the code
– clear browser cache and Autoptimize cache many times
– add the code to the very top of my style.css file
…but it doesn’t work.

Hi Mike,
Your function works perfectly! Thanks a lot!
The only last thing I need to do is hiding this category in my categories widget (second column in my footer).
Do you know which code I need to add to achieve this?
Thanks Mike!

Hi Mike,
Thanks for your reply.
I created a new category “Petits prix” (slug: petits-prix) and I added the product in private content to this category.
So I added your code like this:
function custom_pre_get_posts_query( $q ) {

$tax_query = (array) $q->get( ‘tax_query’ );

$tax_query[] = array(
‘taxonomy’ => ‘product_cat’,
‘field’ => ‘slug’,
‘terms’ => array( ‘petits-prix’ ),
‘operator’ => ‘NOT IN’
);

$q->set( ‘tax_query’, $tax_query );
}
add_action( ‘woocommerce_product_query’, ‘custom_pre_get_posts_query’ );
…but it doesn’t work. The category tag is still visible on product page.

Hi Ismael,
Thanks for your reply.
Once again, limiting posts per page is not what I need and this documentation seems to deal with that.
I only need to limit search results in the menu.
But since some days, I now have a bigger problem! Absolutely no result is displayed in the search bar and I don’t know what happened :-(

Hi Rikard.

Same than vanlent for me too.
Everything works now!

I think this topic can be closed.

Thanks a lot for your help! ;-)

Hi Mike,
I forgot to tell you that your function works perfectly!
Thanks a lot for your precious help ;-)
Best regards

Hi Ismael,

Thanks for your reply.
I think I am confused in my words, so I made a video screenshot of what I’m talking about. You could find it in private content.
As you can see, submenus are nearly centered on some screen widths, but not on others and this is of course not what I want.

I’m looking for a solution to make submenus same width (this is solved) and ALWAYS centered in the middle of the screen, so this way they will all be at the exact same place.

I tried your previous code with something like:

.responsive {
  position: relative;
}
#menu-item-2089 {
  position: relative;
  left: 50%;
  transform: translateY(-50%);
}

just to see if #menu-item-2089 element would be centered, but it is not.

What I need seems to be so easy, but I’m completely lost on this! :-(

Hi Guenni,
Thanks for your reply.
Only on the preview in the ajax search, that’s exactly what I need.
I’m sorry but this function doesn’t work for me :-(