Site Title and Tagline moved below logo image

  • Resolved timofeia

    (@timofeia)


    9 years, 11 months ago

    When the length of my side title was relatively short, the Site Title and Tagline were perfectly positioned on the right-hand side of the logo image. We changed the Site Title making it a little bigger (added just one short word), and now the Site Title and Tagline are moved below the logo image. When I reduce the number of characters in the Title, it goes back to its normal position (right-hand side). Can somehow I adjust something to allow more width on the page for the Site Title? On my site it’s just one character’s matter, just one extra character increases the Site Title’s width, and everything goes to the second line, leaving the logo image on the empty line. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter timofeia

    (@timofeia)

    9 years, 11 months ago

    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.

    Thread Starter timofeia

    (@timofeia)

    9 years, 11 months ago

    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.

    Styled Themes

    (@gejay)

    9 years, 11 months ago

    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.

    Thread Starter timofeia

    (@timofeia)

    9 years, 11 months ago

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

    Styled Themes

    (@gejay)

    9 years, 11 months ago

    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.

    Thread Starter timofeia

    (@timofeia)

    9 years, 11 months ago

    Great thanks! It worked!!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Site Title and Tagline moved below logo image’ is closed to new replies.