Bootstrap RFS not working in T4

bamhost

Hello,

Joomla 4.4.1
T4 Framework 2.3.7
t4_bs5_blank 1.2.0

I've sat here for days trying to figure out why RFS, which is enabled by default in Bootstrap 5 (https://getbootstrap.com/docs/5.3/migration/#content-reboot-etc), does not function with your template.

I found that whatever the font sizes are set to inside the typography settings for header tags, those settings prevent RFS from functioning. I've verified this while inspecting an h1 tag on a page, I see that the size is 2.5rem which is the default setting for your template. The first instance is in the 12.css file in the media/t4 folder, and the second instance is in the local/scss/template.css file, if I unclick/disable both of those settings (see image) while inspecting, RFS kicks in and scales the font size across the viewports as it is supposed to.

To reproduce this issue, go to a page containing an h1, h2, or h3 tag. Resize the width of your browser window - those headers should shrink and grow automatically as you size your browser window up and and down.

Can someone please tell me what I have to change/remove so that RFS functions as it should?

Thank you for your help.

saguaros

bamhost Hi

The first instance is the value which you set for the template style of template ID: 12

Under Site settings in template >> Typography >> you can define by rem or use that calc() normally

bamhost

How can I get it to default to bootstraps default settings?

saguaros

bamhost What you mean by Bootstrap default settings? Users want to have these typo options in the template to configure, you can add the value there as you wish.