Part of the top of the page/first section gets hidden by the menu bar

[jojara]

Hello I created a site using the GYM Xdemo, then I modified some part.
The problem that I have now is that part of the top of the page/first section gets hidden by the menu bar, i.e. the menu overlaps it.

I have partially fixed in the desktop views by adding more padding to the top of my sections, but on Mobile it does not work at all.

I would like to have my menu bar fixed at the top, always visible, not transparent. And the first section/slider . following bellow.

Any ideas?

my site: https://matnikh.com/

[rad]

Hi Jose,

Thanks for reaching out.

It’s due to this custom CSS,

.masthead {
    position: absolute;
    width: 100%;
}

Maybe I know the reason why it’s added? You should only use absolute positioning if you intend to make it overlap with other structures. And that’s the main cause why it overlaps with the section.

Thanks!

[jojara]

Thanks for the reply.
I don’t really remember the reason that it was added.
how should I proceed? where should I remove or change it from?
thanks again

[jade]

Hi Jose,

You will have to remove that CSS code from the Global CSS.

It is in X > Theme Options > CSS:

[jojara]

Thanks!, great!

[jade]

You’re welcome, Jose.