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

  • Author
    Posts
  • #3244364

    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 revivealife.org.

    #3244782

    supernovia
    Staff

    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.

    #3244787

    supernovia
    Staff

    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.

The topic ‘How can I make my page title in one row in the mobile view’ is closed to new replies.