WordPress.org

Ready to get started?Download WordPress

Forums

Circumference Lite
[resolved] Site Title and Tagline moved below logo image (7 posts)

  1. timofeia
    Member
    Posted 2 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.

  2. timofeia
    Member
    Posted 2 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.

  3. timofeia
    Member
    Posted 2 months ago #

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

  4. StyledThemes
    Member
    Theme Author

    Posted 2 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.

  5. timofeia
    Member
    Posted 2 months ago #

  6. StyledThemes
    Member
    Theme Author

    Posted 2 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.

  7. timofeia
    Member
    Posted 2 months ago #

    Great thanks! It worked!!!

Reply

You must log in to post.

About this Theme

About this Topic