Texts cutting on mobile

Support
#1

Hi, for my FAQ page on mobile, it looks like this - https://ibb.co/kHHpmJ

could you help me with texts overlapping with lines?

Thank you!

#2

Hello @ykbaek,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    .single-post h4 {
    padding-bottom: 22px;
    padding-top: 22px;
}
}

Thanks.

#3

thanks for the reply.

i inserted that however it’s still same…

please help!
thank you.

#4

Hi There,

Sorry, but I could not find your FAQ section anywhere on your pages. Would you mind pointing us where is your FAQ section so we can take look on it?

Thanks,

#5

Hello, this is the faq section url - https://illionaire.kpopme.com/faq/

it looks fine on my Mabook pro 15inch, but on my mobile phone text are overlapping and cutting.
(https://ibb.co/kHHpmJ)

Please help,

Thank you!

#6

Hi There,

Could you please try adding the following CSS rule into your Theme Options > Global CSS area and see if that helps.

@media(max-width:480px){
  .page-id-232 .vc_toggle_title h4 {
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

Hope that helps.

#7

still not working …

could you help me this with logging into my wordpress, please?

Thank you.

#8

Hi There,

Where did you place the provided code? I don’t see it on the page source.

Please navigate to Appearance > Customize > Additional CSS and paste the custom CSS given. That code should fix the accordion text issue, I’ve tested it.

We can’t, because 1) the credentials you provided above does not work for that site (https://illionaire.kpopme.com/), and 2) that site is not using X, nor PRO.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.