Why does the h2 not breaks line on mobile

[groubee]

Hi

See attached image from https://canea.dk on chrome iphone. On mobile the h2 does not break the line?

Et integreret virksomhedssystem 

On mobile it should look like:

Et integreret
virksomhedssystem

h2 does not respons to the “Font Responsive” menu in VC? only text.

Cheers

Tonny

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try with

COPY CODE

.kleo_text_column.wpb_content_element strong {
    font-size: 18px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[groubee]

This snippet makes H1 and H2 the same font size? its have nothing to do with responsive font size?

I need you to come up with a fix so the h2 headline breaks up normally on mobile! plz

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

Replace the snippet from @laura with this one

COPY CODE

kleo_text_column.wpb_content_element strong {
    font-size: 28px;
    word-break: break-all;
}

Let me know

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[groubee]

Hi @Radu

No it did not fix me line break? see attached images

It does not break “integreret virksomhedssystem” to

“Et integreret
virksomhedssystem”

See: https://canea.dk/

This is really strange! I have added your snippet!

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Sorry I’ve missed the . from the start of the CSS

Replace with this

COPY CODE

.kleo_text_column.wpb_content_element strong {
    font-size: 28px;
    word-break: break-all;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[groubee]

Hi @Radu

Your code works now, but I dont believe that is an acceptable solution on my problem!

I fixet it myself by removing the h2 from the text box and added to a “Custom Heading” box.

Now the the words breaks like they should.

Thanks again

Cheers
Tonny

[Radu]

Ok then

Changing the font style directly from custom heading it’s very ok.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts