Site Title and Tagline moved below logo image

P.S. The latest Firefox browser does not have this issue, but IE 11 has. Firefox moves both lines down only during latest stages of resizing down the screen, and it looks right for the responsive theme. Maybe this information is helpful.

P.S. I think I only don’t have this problem on the screen with resolution 1920×1080. The latest Firefox on other computer has this issue. I’m testing app on all browsers now, and only on 1920×1080 screen Firefox displays the Site Title and Tagline correctly, but IE 11 does not, even with this resolution.

Do you have a link to your site with this? I will check it out and look at the code and see what is happening.

Yes, the link is https://phytoceramides-plus.com/

Thanks for the link…you have two options available to you:

1. Reduce the font size for the title
2. Switch to using a child theme and change the container sizes

I would say go for the first one to start because it’s the easier one.

The title is styled with a font size of 2.313em (37px) which can be taken down a bit and it will fit. I just tried this on your site and it worked. The css for the site title looks like this:

#cir-site-title {
font: normal 2.313em/1em raleway;
margin: 3px 0 0;
}

The best way to edit the css above is to use a plugin for editing and creating CSS for your site when you want to customize something. A child theme is best if you plan to make direct changes to any theme files. In this case, you can do the above with just CSS.

I would try a font size of: 2.250em or 2.125em and see how that goes for you. You can even go down to 2.063em or 2em.

Try a plugin for editing css called Simple Custom CSS. If you use Jetpack, then you are good to go because it already has an Edit CSS feature.

Great thanks! It worked!!!