Return to previous page

Bottom Header Overlaps the search page. how to solve this?

This topic has 8 replies, 2 voices, and was last updated 10 months, 2 weeks ago ago by Tony Rodriguez

Hanzla Nadeem

Participant

January 4, 2024 at 11:44

I want to know that how can I solve this bottom header overlapping the search bar, if you go normally on my website, and without swiping the screen to the most upward, if you click search bar, there will be no issue. However, if you swipe the screen to the most upward, the the bottom header, where all the menu ( rings, bracelet, den…) shows up, get mis align from other parts of header, shows some border shadow and also overlaps everything including search bar.

for your ease, these are attached photos:
https://ibb.co/0t93NsB
https://ibb.co/8N1cGGL

#378531 Copied Theme version: 9.2

7 Answers

Tony Rodriguez

Support staff

January 4, 2024 at 12:41

Hello, @Hanzla Nadeem,

Thank you for reaching out to us regarding the issue you are experiencing with the bottom header on your website.

After carefully reviewing your concern, we identified a potential solution to address the overlapping problem. To resolve the issue, kindly follow the steps outlined below:

a) Navigate to the XStore theme settings on your WordPress dashboard.
b) Access the “Theme Options” section.
c) Select “Header Builder” from the available options.
d) Locate the “Sticky Header” settings within the Header Builder.
e) Turn off the option for the Bottom Sticky Header.
f) Enabling this option makes the bottom header area sticky when the page is scrolled,

Which may be causing the misalignment, border shadow, and overlapping you described. Disabling it should rectify the problem.

For a more visual guide, please refer to the image provided in the following link: https://imgur.com/a/BkNXFSk

Should you encounter any difficulties or require further assistance during this process, please do not hesitate to contact us

Kind Regards,
8theme team

#378543 Copied

Hanzla Nadeem

Participant

January 4, 2024 at 15:01

The issue is that I want to make all of the header including top header, main header, and bottom header sticky. isn’t this possible to solve the issue keeping the header sticky. cuz if sticky was issue, other headers (top header and main header) would also overlap.
thanks

#378576 Copied

Tony Rodriguez

Support staff

January 5, 2024 at 07:12

Hello, @Hanzla Nadeem,

To assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

We kindly recommend that you take a complete backup of your site before proceeding.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team

#378636 Copied

Hanzla Nadeem

Participant

January 5, 2024 at 11:57

Sure here it is

Please contact administrator
for this information.

#378687 Copied

Tony Rodriguez

Support staff

January 5, 2024 at 13:51

Hello, @Hanzla Nadeem,

We appreciate your diligence in ensuring the smooth functioning of your website headers.

After a thorough investigation, we are pleased to inform you that no issues were identified on your website. All three headers, including the top header, main header, and bottom header, have been successfully configured to be sticky. We meticulously tested the sticky functionality and, to address your specific concern, even enabled header overlap. I am delighted to report that all headers are performing as intended, with no signs of overlap or functionality discrepancies.

For your convenience, we have attached a visual reference in the provided image link, showcasing the headers in action.
https://imgur.com/a/RrOK7rp

If you have any further questions or if there’s anything else we can assist you with, please don’t hesitate to reach out.

Kind Regards,
8theme team

#378718 Copied

Hanzla Nadeem

Participant

January 5, 2024 at 14:31

thanks a lot, its solved now

#378732 Copied

Tony Rodriguez

Support staff

January 6, 2024 at 07:15

Hello, @Hanzla Nadeem,

You’re welcome! We are glad to hear that your issue is resolved. If you have any more questions or if there’s anything else We can help you with, feel free to ask. Happy to assist!

Have a Great Weekend!

This topic is now closed.

Kind regards,
The 8Theme Team

#378832 Copied
Tagged: effective wordpress troubleshooting, header overlap solutions, improve woocommerce layout, resolve wordpress overlaps, search page fixes, woocommerce theme adjustments, wordpress woocommerce themes
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Bottom Header Overlaps the search page. how to solve this?’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Critical error after 9.0 XStore update – help

1 years, 10 months ago
shop page categories display subcategories

2 years, 2 months ago
customisation on product page

2 years, 11 months ago
Adding copyright text fails

3 years, 1 months ago
Error when installing theme

3 years, 1 months ago
Mobile product image on the left

3 years, 7 months ago
Barbershop in elementor

3 years, 7 months ago
Facebook/Google login

3 years, 7 months ago
long loading mobile menu

3 years, 11 months ago
Stripe conflict with theme

4 years, 7 months ago

Bottom Header Overlaps the search page. how to solve this?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection