Home>Support>heading not responsive

heading not responsive

By ask, 6 years ago. Last reply by Andrew Misplon, 6 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I am using Siteorigin North theme. Heading 1 is not responsive. On Andriod phone the line “FOCUSED ON YOUR SUCCESS” is not resizing (the letter D in focused is in a different line). Also there is too much left and right margin the mobile mode.
Site: http://blgrafika.com/newblg/

Will appreiciate your help.

Thank you
Regards
Bhanu

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bhanu

    Thanks for reaching out.

    By default, the heading tags in North don’t have responsive CSS linked to them. This is perhaps something we can assist with within our premium support scope. You could consider using a Headline Widget for the first heading on the home page, the Headline widget uses FitText for resizing.

    The padding added (10px 63px 10px 63px) is the padding you’re seeing on mobile. Locate the setting the padding was added to, you should find a Mobile Padding setting below, there you can adjust the padding used for mobile devices.

  2. 6 years, 2 months ago ask

    Hi Andrew,

    Thank for very much for your response. I had already added a mobile padding
    . But don't seem to work.
    Appreciate your help always.

  3. 6 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi :) Are you using Full Width Stretched Padded for the first row? If so, perhaps change it to Full Width Stretched and then adding the padding manually so you can reduce the padding for mobile via the mobile padding setting.

    Or put another way, where you added the mobile padding, was it the same setting where padding was added for desktop?

  4. 6 years, 2 months ago ask

    Hi Andrew,

    Thank you for reply as always. I checked and it is set to Full width stretched. The mobile padding is set to 0. Yes the mobile padding is added to the padding where the desktop padding is added.
    Thank you

  5. 6 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Thanks, please try editing the Visual Editor widget and check the Layout section on the right when editing the widget, not the row. Is there not padding added there?

  6. 6 years, 2 months ago ask

    Hi Andrew,

    Thank you for your reply. I checked the Visual Editor widget layout, the mobile padding is 0,0,0,0. Only the desktop Margin is 10, 63, 10 63. The row mobile padding is also 0,0,0,0.
    Thank you

  7. 6 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for taking look. It’s the 63 that’s the problem. That’s the padding you’re seeing on mobile. Try removing the margin in the widget and instead, apply those values as padding, that’ll let you remove that padding for mobile via the Mobile Padding setting in the Visual Editor widget.

  8. 6 years, 2 months ago ask

    Hi Andrew,

    Thank you, your suggestions worked well.
    Appreciate your help.

  9. 6 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Glad to hear you’re making progress with the mobile layout.

    Cheers for now.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More