How to do oceanwp single blog title header mobile friendly?

  • I have tried to change the size of the single blog post title for mobile view but I haven’t managed.

    Now when a blog post is viewed on mobile devices only half of the title is shown.

    Theme which I use is Oceanwp and it’s children version.

    Does someone know how to change the blog post title to fit in a mobile screen?

    Thank you already!

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

Viewing 1 replies (of 1 total)

  • Hi,

    Please try the below CSS code in the ‘Appearance → Customize → Additional CSS‘ field from your dashboard.
    CSS:

    @media only screen and (max-width: 425px) {
	.page-header .page-header-title, .page-header.background-image-page-header .page-header-title {
		font-size: 30px !important;
	}
}

    You can adjust the value from 30px to anything you like.

    Hope the answer helps. Waiting to hear from you.
    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘How to do oceanwp single blog title header mobile friendly?’ is closed to new replies.