How can I make my page title in one row in the mobile view

• 

  lilycheung0130 · Member · Jan 4, 2019 at 10:04 am

  • Copy link
  • Add topic to favorites

  I would like to make my page title ‘knowledge’ in one row in the mobile view, currently it broke into two rows. Thanks!

  https://revivealife.org/home-2/knowledge/

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

• 

  supernovia · Staff · Jan 4, 2019 at 11:34 pm

  • Copy link

  Hi, I’m not positive yet why that isn’t working.

  Would you be willing to try adding this CSS via My Site > Customize?

  @media screen and (max-width: 599px) {
    .wp-block-media-text {
      grid-template-areas:
  			"media-text-media media-text-media"
  			"media-text-content media-text-content"
  	}
  }

  This should put the image top and the text below it if your screen is narrower than 600 pixels wide.

• 

  supernovia · Staff · Jan 4, 2019 at 11:46 pm

  • Copy link

  For a little context, by the way, from what I can see there was a bit of a disagreement on whether the content should remain side by side or not.
  https://github.com/WordPress/gutenberg/issues/10798

  But that CSS should fix it.