Return to previous page

Yoga demo – header overlap (elementor builder)

This topic has 6 replies, 2 voices, and was last updated 8 months, 3 weeks ago ago by Rose Tyler

TheOne

Participant

March 28, 2024 at 12:28

Hello,

Regarding the new elementor header builder:
How can we make header overlap?

#388931 Copied Theme version: 9.3.2

5 Answers
Rose Tyler

Support staff

March 28, 2024 at 14:20
Hello,

Thank you for reaching out to us with your query about the Elementor header builder.

Custom CSS code can be added for a section or container, for example:
```
selector {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
```
https://prnt.sc/HyE4OAc3HW_d

Best Regards,
8Theme’s Team
#388953 Copied
TheOne

Participant

March 29, 2024 at 15:51

Hello,

This code goes to which section?

If i put it in the header, it moves the header way up.

If i put it in a section on let’s say home page – the hero section moves and covers the header.

I want it like in the demo: https://xstore.8theme.com/elementor3/yoga-accessories/

Another thing. What happens with sticky header? Where are the options?

Please contact administrator
for this information.

#389146 Copied

Rose Tyler

Support staff

March 29, 2024 at 18:51

Hello, TheOne,

You are right, the custom CSS code solution for header overlap is not perfect. This builder is a new one, and our dev team needs some time to suggest a proper solution.

There is no sticky header option, instead, we have a sticky option for sections or containers https://prnt.sc/kbSe7pgf1xfs

Best Regards,
8Theme’s Team

#389185 Copied

TheOne

Participant

March 29, 2024 at 20:29

So if i want header overlap i need to disable elementor header builder and use theme options one?

The code that you provided doesn’t work than?

#389192 Copied

Rose Tyler

Support staff

March 30, 2024 at 08:29

Hello, TheOne,

We would like to inform you that over the course of the coming week, our team will be dedicated to identifying an appropriate resolution for the issues concerning the sticky header and section/container overlap within the Elementor builder to improve the functionality of the new builder.

We appreciate your patience and understanding as we work to address these matters.

Best Regards,
8Theme’s Team

#389247 Copied
Tagged: elementor builder, fitness woocommerce theme, header overlap, responsive yoga template, woocommerce yoga theme, yoga demo, yoga wordpress template
Viewing 6 results - 1 through 6 (of 6 total)