H1 Not Responsive on Mobile Device

  • Resolved nsingh22

    (@nsingh22)


    9 years, 5 months ago

    Hi All,

    I have created additional pages on my website https://www.nrcocp.com and when you view a page (e.g. About) on a mobile device, the h1 appears the same size as when viewed on a desk/laptop. However, I noticed that on the homepage, the h1 appears smaller to fit the screen size of a mobile device. Is there any CSS that can be used to fix this problem, so that the h1 on subpages appears smaller?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Actually, the only <h1> elements on the home page is the site title, all other titles are <h2>. If you change the <h1> elements on your About page to <h2>, you’ll get the proper behavior (and the font sizes are very close, 45px vs. 42px).

    Also, in terms of Search Engine Optimization, there are some web designers who say that you should not use <h1> tags in the page content, i.e., <h1> should only be used for the site title on the home page and for the page title on all other pages.

    Thread Starter nsingh22

    (@nsingh22)

    Thank you for your help, it worked and everything looks fine now!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘H1 Not Responsive on Mobile Device’ is closed to new replies.