Need help to fix Responsive Text Mucow

[khairultohin1]

I am trying to figure out a Responsive Text Mucow. But I couldn't. Here is this mucow code-

<HTMLWidget name="Responsive Text Size" formatNumber="6"  outputAsFixedHeight="false"  localization="none" creator="Adobe Muse Team" defaultWidth="300" defaultHeight="150" minWidth="50" minHeight="40" isResponsive="true">

    <parameters>       

        <separator/>

        <info label="Scales text size based on browser width. Note that you can style the text using Muse's text controls."></info>

        <separator/>

        <text name="userText" multiline="true" label="Text:" defaultValue="Some text which will change size. "/>

        <list name="sizeAt1000" label="Size at Width 1000px" defaultValue="20">

            <value name="9" label="9pt"/>

            <value name="10" label="10pt"/>

            <value name="12" label="12pt"/>

            <value name="14" label="14pt"/>

            <value name="16" label="16pt"/>

            <value name="18" label="18pt"/>

            <value name="20" label="20pt"/>

            <value name="24" label="24pt"/>

            <value name="30" label="30pt"/>

            <value name="36" label="36pt"/>

            <value name="48" label="48pt"/>

            <value name="60" label="60pt"/>

            <value name="72" label="72pt"/>

            <value name="100" label="100pt"/>

        </list>

        <builtIn name="itemUID"/>

    </parameters>

    <pageItemHTML>

<![CDATA[

<p id="{param_itemUID}_text" style="font-size:{param_sizeAt1000}px; line-height:120%">{param_userText}</p>

]]>

    </pageItemHTML>

    <documentReadyJS>

<![CDATA[

(function () {

    function onBrowserResize()

    {

        var fontSizeMultiplier = $(window).width()/1000;

        var newFontSize = Math.round({param_sizeAt1000} * fontSizeMultiplier);

          $("#{param_itemUID}_browserWidth").text($(window).width());

        var txtElem = document.getElementById('{param_itemUID}_text');

        txtElem.style.fontSize = newFontSize+'px';

    }

    $(window).resize(onBrowserResize);

    onBrowserResize();

    if("{param_blinkText}" == "on")

        doBlinkText();

})();

]]>

    </documentReadyJS>

Coding working good but problem is it's not work what I want. I explain it by three image-

1. In 1280px font size are 27px. But I want it 16px.

2. In 980px font-size:24px, I want it 15px.

3. And 320px font-size: 6px, I need it 14px.

How could I fix it?

[ankushr40215001]

Moving this thread to Adobe Muse Mucow Development to get a relevant response from the experts.

Regards,

Ankush