Responsive text for Appetite theme

• 

  isoldeormarion · Member · Dec 9, 2015 at 9:52 pm

  • Copy link
  • Add topic to favorites

  It seems that the headers (h1, h2) d not adapt to small screens when using the appetite theme.
  The appetite demo scales all headers when viewed in small screens but our site does not. What can we do?

  The blog I need help with is: (visible only to logged in users)

• 

  micawbr · Member · Dec 10, 2015 at 1:15 am

  • Copy link

  I see this thread is tagged for staff assistance. Note that since you have a Premium theme, you’re also able to get help directly from the theme author: https://premium-themes.forums.wordpress.com/forum/appetite

• 

  thesacredpath · Member · Dec 10, 2015 at 9:54 am

  • Copy link

  Hi @isoldeormarion, you have used a custom font and set it to the “large” font size. On the Appetite Demo site, the headings are original size without custom fonts, or the large size.

  One option would be to go to the Customizer and set the heading font size to normal, which should take care of the issue. The second way would be to use custom CSS and a Media Query to downsize the headings you have placed in the content area below a certain screen/window width. This would require the Custom Design upgrade, which you can find out more about in your admin dashboard at Store > Store.

• 

  isoldeormarion · Member · Dec 10, 2015 at 2:09 pm

  • Copy link

  Thank you! I hadn’t noticed the option of font size in the customizer. This corrected the problem. Thank you!

• 

  thesacredpath · Member · Dec 10, 2015 at 7:14 pm

  • Copy link

  Hooray and you are welcome.