Docs

[yhshin1020]

Hey,

I have a responsive text set up in VC but it doesnt seem to resize as you resize the browser screen.

Take a look at this page: http://www.guidedogssg.com/programme/guide-dogs/

The heading “Man’s best friend just got better” has a class ‘omhead2’ here’s the repsonsive text settings:

compression 1.5

min size 50px

max size 70px

but for some reason the normal font is set to 60 instead of 70px and it doesnt decrease in size when you resize the browser.

Also near the bottom of the page, there’s a section called “prerequisite” and heading called “Orientation & Mobility” (see: http://imgur.com/a/xNVTd)

I’ve also placed a responsive text element but it doesnt resize: (see:http://imgur.com/a/A8xvb)

I dont know why this is happening.

Thanks.

[yhshin1020]

This reply has been marked as private.

[Rupok]

Hi there,

I have checked and I don’t see any minimum font size set for your responsive text – http://prntscr.com/dafbat

You should add both min and max font size along with the compression.

Thanks!

[yhshin1020]

This reply has been marked as private.

[Rupok]

Hi there,

You can try setting more smaller value for minimum font-size. Also kindly complete all other responsive text with all the required values.

Thanks!

[yhshin1020]

Hey,

But it still doesnt explain why the font size is set to 60px when ive specified 70 for the header.

Thanks.

[yhshin1020]

Figured it out, but for some reason this part doesnt work:

Also near the bottom of the page, there’s a section called “prerequisite” and heading called “Orientation & Mobility” (see: http://imgur.com/a/xNVTd)

I’ve also placed a responsive text element but it doesnt resize: (see:http://imgur.com/a/A8xvb)

It may be because there is an tag between the <p> tags?

Thanks.

[yhshin1020]

This reply has been marked as private.

[Rupok]

Hi there,

I can help you to control the font size for mobile with CSS. That would be more specific I guess.
You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 767px) {
.h-custom-headline.omhead2 {
  font-size: 50px !important;
}
}

Let’s add your own selectors there and adjust the screen max-width and font-size for mobile.

Hope this helps.

[yhshin1020]

This reply has been marked as private.

[Jade]

Hi there,

The code you have added in line 122 isn’t working because the same block that is set to 50px font size is added in line 1077 that overrides it.

Kindly change the font size of the code in line 1077 instead.

Hope this helps.

[Author]

Posts