How to Make Homepage Master Heading Mobile Friendly

  • Resolved emilycapito

    (@emilycapito)


    3 months, 1 week ago

    I have made no code changes to the theme. I have only added content. When accessing the website on my iphone, the custom heading 1 in the image header row of the homepage is not mobile responsive, resulting in the large all caps text being cut off on the right side. All other content inside the row is responsive.

    I’ve tried adjusting the width settings (none, wide width, full width) with no change. I tried editing the HTML code to simply reduce the text size from 100px to 80px, but this caused an error (Block contains unexpected or invalid content.) which forces recovery. No change in the HTML gets published if I click Save while this error appears. I also realize that won’t actually solve my problem. It was a hopeful bandaid.

    This is the HTML code: 

    <h1 class="wp-block-heading alignfull has-text-align-center superbthemes-navigation-004-headline has-contrast-light-color has-text-color" style="padding-right:0;padding-bottom:0;padding-left:0;font-size:100px;font-style:normal;font-weight:500;letter-spacing:30px">MADRONA</h1>

    If responding, please include very clear directions. I am not super savvy with WordPress.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Superb Addons

    (@superbaddons)

    Hi Emily, we have just responded to your email with the same question.
    Please reply to the email if you have any further questions or need more help.

    I’m closing this ticket as our conversation continues through email.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.