Reduce header length and remove sub categories on mobile

Hello @Mahi,

Please note that we do not provide additional customization for customers’ websites because is outside the scope of our support policy. Thank you for your understanding. However, as we always strive to assist our clients, we have made an exception in your case and implemented some improvements to your header. Kindly check the changes now. We attached videos to compare the before/after changes in private area.

For any further modifications, please make them on your side, or you may import our ready-made header templates (https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/) and adjust them as needed, as these templates are already optimized for all devices.

Additionally, to ensure that only top-level categories are displayed in the search widget, we have added the following code snippet to your child-theme/functions.php file:

add_filter('etheme_elementor_ajax_search_categories_args', function($args) {  
    $args['depth'] = 1;  
    return $args;  
}, 10, 1);

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Mahi,

Thank you very much for your kind message. We are glad to know that everything looks perfect now and that our policy is clear to you. If your main request of this topic is solved, please, mark this topic as closed.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind regards,
Jack Richardson
The 8theme’s team

Dear Mahi,

Thanks for being part of our WordPress & WooCommerce community!

We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

Leave Feedback →
(takes less than a minute)

Together, we’re shaping a better WooCommerce experience for everyone.

Topic closed.
The 8Theme Team