does pro theme use boot strap I am still new to css and trying to make all my css backgrounds and text responsive across all Devices thanks and you guys rock btw.
Hello,
to have your text responsive, you can use Pro editor. Then you go to settings then select responsive text.
In responsive text you add the selector and you can choose the compression ratio
thank you I am checking that now will that also help with stuff like that orange box.
yes because it is responsive
is there a generic setting for all sites for minimum and maximum height and compression thanks. and when i did it i got this on mobile 
Compression between 1.5 and 2 is generally OK
how aobut the problem im having with mobile and how about the font min and max size thanks here is scree hot of responsive screen 
You are using a compression of 1. The minimum font size is 12 i think.
If you want smaller font size, increase the compression.
If you see the font is becoming small on mobile screen, then increase the minimum font size.
If you see the font is big on laptop for example, then decrease the max font size
ever since i did your suggestions i get this on mobile i undid the suggestion bu deleting the responsive tab but still Nothing what did i do lol dam css ha ha lol I am teaching my self this stuff I am loving it but it a pain in but at same time lol.
You need to point on the selector. Paragraph or header otherwise it will not work
As suggested by @tarekr, you should use the proper selector. Your responsive text code that is being outputted in your site is this
<span id="x-responsive-text-1" data-x-element="responsive_text" data-x-params="{"selector":".h-responsive","compression":"1.0","minFontSize":"24","maxFontSize":"96"}"></span>
The selector is still .h-responsive, you’re supposed to change that and use the selector of your target text/element. Example, your page has two line of text in which each has class of line1 and line2
<span class="line1">Helping Your Child Build</span><br><span class="line2">Getting Confidence - Discipline - Respect</span>
Then you need to add TWO responsive text feature and each has selector of .line1 and .line2 (don’t forget the dot when using class selector).
Hope this helps.
And thanks for helping @tarekr 
1 Like
i made a mistake and i don’t know what i did wrong i responded to your posts earlier in this thread if you could please log in and see what i did wrong i assigned a sector i think to the responsive ness but if i go on mobile the css affects dont show up at all thanks in advanced.
Hi,
Your responsive selector should be the same as the class name of your text.
Please change your code to this
<div class= "line1">Helping<span class= "word1"> Your Child</span> Build</div><br /><div class= "line2">Confidence - Discipline - Respect</div>
Then add line1 as selector in your responsive settings.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.