[cgs18]

Hi, I have my site set to show logo, title and tagline, which works fine on desktop. But on mobile, it’s too big and runs into the top of the page. The title is over top of the breadcrumbs and the tagline interferes with the page heading. Making the header/menu height smaller or larger doesn’t help. I’ve played around with all the settings I can think of and nothing helps.

[Zed]

Could you post a link to your site to see this?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[cgs18]

This reply is private.

[cgs18]

I just added a featured image and now the logo is above the image and the title and tag line are on top of the image, which is maybe how it’s supposed to work? But on a page with no featured image, it’s not positioned in a good place. Check the services page for an example with a featured image and the contact page for no image.

[Zed]

You’d need to resize both the logo and site title to make them fit on small screens:

@media (max-width: 480px) {
   #branding #site-text { font-size: 0.6em; }
   #branding .identity { width: 20%; }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[cgs18]

Perfect–thanks!

[Author]

Posts