Return to previous page

How to make 2 seperate containers scroll with sticky header

This topic has 2 replies, 2 voices, and was last updated 6 months ago ago by Jack Richardson

carliczyk

Participant

June 19, 2024 at 02:48

One container overlaps the other when I scroll

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#400376 Copied Theme version: 9.3.11

1 Answer

Jack Richardson

Support staff

June 19, 2024 at 08:35

Dear @Carly,

I hope this message finds you well.

Implementing the desired sticky header functionality may indeed require a bit of creativity. Typically, most of our sticky headers can be configured using the settings available in our Sticky Header section. However, for your specific requirement, you might consider disabling our sticky settings and exploring the Motion Effects functionality, which can be found here: https://prnt.sc/La32PDWWhNXr. Please note, this approach may not fully achieve the results you are looking for.

Should this be the case, here are a few alternative solutions to bring your idea to life:

1. Incorporate some custom CSS to achieve the desired effect.
2. Restructure your header content to include two containers within a single sticky container.
3. Utilize a separate plugin designed for creating sticky headers with Elementor, such as https://wordpress.org/plugins/sticky-header-effects-for-elementor/.
4. Submit a request for additional customization through our customization panel, available here: https://www.8theme.com/account/#etheme_customization_panel.

Please do not hesitate to reach out if you need further assistance or have any other inquiries.

Best regards,
Jack Richardson
The 8Theme Team

#400416 Copied
Tagged: advanced woocommerce customization, customize woocommerce templates, sticky header scroll, woocommerce scroll function, woocommerce separate containers, wordpress sticky header, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)