Return to previous page

Help! Top Header Bar Appear To Be Clipped At The Bottom !

This topic has 6 replies, 3 voices, and was last updated 1 weeks, 4 days ago ago by Tony Rodriguez

Ju En

Participant

March 9, 2025 at 13:15

Hi there,

As illustrated in the attached screenshot, the top menu bar appears to be clipped at the bottom for pages (Our Story, Who We Are, How It’s Made) with header image motion effects set to move upwards on scroll. We have tried to set z-index for both the header bar and the image accordingly so that the image goes under the header bar, but that doesn’t seem to address the issue. Appreciate some help to resolve the issue.

Thank you.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#436685 Copied Theme version: 9.4.7

5 Answers
Luca Rossi

Support staff

March 10, 2025 at 11:11
Hi @Ju En,

We’ve added this custom CSS code to the first section on the Our Story page:

https://prnt.sc/L6dhAOUM5uRr

selector { transform: translateY(calc( 22px + var(--translateY) )) !important; }

Now everything looks good.

Could you please check again?

Thank you!
#436757 Copied
Ju En

Participant

March 12, 2025 at 08:58

Hi Luca Rossi,
Amazing! Thank you for the speedy assistance. Yes, we can see the effects on Our Story.

We replicated the code onto the Who We Are and How It’s Made. However, there is a gap between the top menu and the header image.

Another issue that was visible pertains to Our Story where the second section white background move over the header image as we scroll down.

The screenshot below shows the issues.

Thank you.

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#437009 Copied

Luca Rossi

Support staff

March 14, 2025 at 05:43

Dear @Ju En,

1. It appears that the gap occurs only when scrolling. Unfortunately, as this feature is controlled by the Elementor plugin, there are no custom CSS codes available to fix it. We kindly recommend reaching out to the Elementor support team for further assistance: (https://wordpress.org/support/plugin/elementor/).

2. The z-index of the first section was set to 0, causing it to always remain below the second section. We have already corrected this issue. Could you please check and confirm if everything is working as expected now?

Should you require any further assistance, please do not hesitate to reach out.

Best regards,
8Theme Team

#437278 Copied

Ju En

Participant

April 11, 2025 at 01:53

Hi Luca Rossi,

Noted on the Elementor support. Thank you for the great support.

#440399 Copied

Tony Rodriguez

Support staff

April 11, 2025 at 01:53

Dear Ju En,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#440400 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Help! Top Header Bar Appear To Be Clipped At The Bottom !’' has been successfully resolved, and the topic is now closed for further responses

Help! Top Header Bar Appear To Be Clipped At The Bottom !

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection