Overpowering Tagline On Posts Page

It seems to look OK on my sandbox site. Can you please post a link to the page that shows the problem? Maybe you have a plugin that has some CSS that’s messing up the appearance.

https://thunderbayshopping.com/ vs. https://thunderbayshopping.com/bulletins/

or

https://salvagethat.com/ vs. https://salvagethat.com/bulletins/

or

https://nwo.ca/ vs. https://nwo.ca/bulletins/

I just tried turning off the plugins and it seemed to make no difference.

Also I switched from the child theme to the original also with no difference.

Note: when switching back to the child theme I had to re-add the Google ad scripts.

Interesting, it only seems to happen with you have a static home page and the blog page isn’t the home page. For some reason, the tag line is an h2 element on the home page and the blog page, but an h3 element on all other pages, and the CSS rules don’t catch the situation where the blog page is not the home page.

Add this rule to your child theme’s style.css file, and the tag line should then be consistent across all pages:

#masthead .logo h2 {
   font-size: 17px;
   padding: 0;
   text-transform: none;
   font-weight: normal;
}

Thank you, that seemed to fix the font size and weight issue.

However there still a gap (line feed) between the title and tagline on the posts page and not on the others?

Add this rule as well:

#masthead .site-title {
    padding: 23px 0 10px 0;
}

Thank you again for the quick response and solution to this issue.

However I changed the padding to 0 0 10 0 as 23 0 10 0 pushed the logo down too much as the ad banner is shorter than it.

Is there a way to vertical center the ad banner that is next to the site title/tagline?

Thanks again for your help on this.