Subtitle overflow header area in Mobile

Hi,
My subtitle looks fine and remains within the header image.However when I view the same on a mobile device only part of my subtitle is within the header and the remaining area has shifted down.
Another issue is I have created a menu which appears fine on PC but not on Mobile.

http://techilinks.com/
Please help.
Thanks,
Imtiaz

Hello Imtiaz,

Looks like you have some custom CSS code that is causing your problems.

Can you please try to remove it and see if it helps?

Kind Regards, Roman.

Hi Roman,
Thank you for the reply. You are right, but on a previous occasion on this blog there was a solution given to reduce the height of header image. After removing this code from CSS there is no white spacing in the menu and subtitle does not shift. Is there other alternative to make the header image smaller as the same time retain my work.

.header-slider {
    width: 100% !important;
    height: 400px !important;
    margin-top: 70px;
}

Regards,
Imtiaz

Hello Imtiaz,

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.