Header Slider Not Responsive on Mobile Screen

Hi Everyone,

I have already seen some posts about this issue but I have tried them all and non of them working for my website. My header slider was responsive before but it is not anymore. I do not know what could have happened… Could you help me please?

My site is: allinfactory.com

many thanks

Hello @kamciao,

I have just checked your website on Android phone and it looks okay there. Have you already resolved this issue?

Kind Regards, Roman.

Hello Roman, thank you for your message. Well, the French version (longer text) is really terrible. It does not fit entirely in the screen. The thing is that it was not like this before, it was normal, much smaller on the mobile phone…

Thank you very much for help

Best regards

Kamila

Hello Kamila,

It looks like you have added this custom CSS rule:

.text-slider .maintitle {
    position: relative;
    display: inline-block;
    font-size: 45px;
    line-height: 67px;
    font-weight: 700;
    padding-bottom: 10px;
    width: 70%;
}

font-size: 45px; part is causing the issue.

Kind Regards, Roman.

Indeed! I didnt know it could affect the responsiveness.
Thank you very much!
Best regards

Kamila

You are welcome Kamila! And have a nice day :slight_smile:

Kind Regards, Roman.