Heading text size not updating on mobile

  • Hi,

    I am facing an issue with the Astra theme where I can’t set different heading sizes based on mobile or desktop. I am trying to have my desktop h1s be 80 px and my mobile h1s to be 40 px.

    I have tried setting the global heading size for mobile and desktop in the customizer but it has no effect on anything.

    I also tried changing the heading sizes while switching between mobile and desktop views in the page editor. Unfortunately, when I make a change in the mobile view, it also changes in the desktop view. I assumed switching between these views would also preserve the settings, but not sure. Can you help me get this working?

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

Viewing 1 replies (of 1 total)

  • Hi @smithy468,

    If you’re referring to the default Heading block in the page editor, please note that it doesn’t include responsive settings. This means that changes made on one device (Desktop, Tablet, or Mobile) will apply across all views, which is why adjustments in one affect the others.

    To achieve better responsiveness, you can use Spectra plugin as it is built on default editor and also provides responsive settings.

    Hope this helps! Let us know if you need further assistance.

    Kind regards,
    Aradhy ??

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