While decreasing slider height text strats to overlap with the menu area

Hello. I found in other topis a solution to decreasing sliders height by inserting new css like that:

.header-slider {
    height: 500px !important;

And it is great but now the text of slider started overlapping with the menu area (exactly with my logo. Here you can find the screenshot https://we.tl/5QQG0NTh1i

Is there any way to change it? Set up some padding or sth like that? I relly like the idea of the transparent menu so I wouldn’t like to change that.

Thanks in advance

Hello @komar007,

Looks like your issue requires some coding and testing on different screen resolutions, this goes beyond our support policy. It’s considered advanced customization.

As an option, you can contact Codeable for this kind of service, or find a freelancer on Upwork.

Kind Regards, Roman.

Thank you Roman for your quick reply

You are welcome @komar007,

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.