banner and nav bar overlapping when scrolled down and up

Resolved

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 12, 2024 at 3:56 am #15165

Kate Kim
Participant

Hi Aakash,

I’ve read your recent comment in the previous thread and it somehow is not fixed on what we see on our end.

The banner looks perfect when you first land on a page but as soon as you scroll down, it sticks to the top and cover the nav bar partially.
This is a major concern as it’ll affect to our visitors’ experience.

Attaching a screenshot to help you understand the issue better.

October 13, 2024 at 2:52 am #15168
Aakash Chakravarthy
Keymaster
Hi Kate,

I looked at your site and see that the header is positioned “fixed” with top value 0.

It is expected for the header to overlap that way. Announcer does not know that there is a header which is overlapping.

We can use CSS though as a workaround, but is messy.

I would suggest either of these,

1) Adjust elementor settings and change the header “sticky” offset value from 0 to 50px
2) Move the announcement to the bottom of the screen
3) Move the announcement below the header using the CSS below.
```
.ancr-group.ancr-pos-top{
top: 100px !important;
}
```
Thanks,
Aakash
October 16, 2024 at 11:41 pm #15179

Kate Kim
Participant

Hi Aakash,

Moving the banner under the nav bar + adding the css worked!
Really appreciate your help on this.

Kate

October 19, 2024 at 1:35 pm #15183

Aakash Chakravarthy
Keymaster

Hi Kate,

Thanks for confirming. Glad it helped!

Thanks,
Aakash
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘banner and nav bar overlapping when scrolled down and up’ is closed to new replies.