[Resolved] my header content does not look good on mobile

[Anne]

Hi Tom,
Some of the text content and in particular the header of the site does not look good on mobile phones. Site url is : http://www.advancedcyclingscience.co.uk/
How can I fix this?
Thanks very much, Anne
PS: your support is immensely appreciated and I don’t know how I would have built this site without your help!
PS2: I also would like to add breadcrumbs under the navigation menu, is there a post about it?

[Tom]

You may have to reduce your site title text on mobile:

@media (max-width:768px) {
      .main-title {
            font-size: 30px;
      }
}

As for breacrumbs, I would use the WordPress SEO by Yoast breadcrumbs.

Then place this in the “After Header” hook in GP Hooks: https://gist.github.com/generatepress/14b3e8a93175f11d9545

Let me know 🙂

[Author]

Posts