WordPress.org

Support

Support » Themes and Templates » [Resolved] Move site title/logo so it works on smaller screens.

[Resolved] Move site title/logo so it works on smaller screens.

  • Others have asked about moving the site title/logo from the center to a top corner position.

    But, the provided solutions aren’t responsive and the text/image doesn’t get smaller and eventually the upper part is clipped.

    I’ve tried and failed to understand enough to recode the css appropriately… and am hoping someone else has a fix.

Viewing 7 replies - 1 through 7 (of 7 total)
  • I’ll ‘bump’ this in the hope of getting a solution.

    Although I can do it in Hemingway Rewritten, I’ve spent hours unsuccessfully trying to do it with this theme.

    It could be a significant improvement to the theme… although the opacity of the info box can of course easily be changed, the basic center position isn’t to everyone’s taste.

    Please/thanks/etcetera.

    Theme Author Anders Noren

    @anlino

    Hi gulliver,

    Go to line 251 in style.css and change the following:

    .blog-info {
    	display: inline-block;
    	padding: 30px;
    	background: #1d1d1d;
    }

    to the following:

    .blog-info {
    	float: right;
    	padding: 30px;
    	background: #1d1d1d;
    }

    Next, go to header.php and find line 54. Directly after <?php endif; ?>, add: <div class="clear"></div>. Save.

    When you visit the site, the logo/title section should be aligned to the right and work properly on mobile devices.

    Excellent. Thanks. 😉

    Hello, I can’t understand why but when I’m editing the style.css file, not only the blog title doesn’t fit the screen on mobile but also the header image.

    I have a question about the site title too.

    I moved it to the left, like you said… but how do I move it up, so it’s in the traditional place? (top left corner)

    I like how it looks in the middle, but unfortunately it covers up some of the photos I’m using so I think I just want to have the title/ logo in the top left corner.

    Thank you Anders!

    Hi,

    I can’t understand why; but I did exactly as you mentioned on your post before, but it seems that it don’t work. Maybe one of you could have a look at my site?
    => http://www.matthieudaubinphotographie.fr

    Thank you very much

    Matt

    I have also tried to do this and seems to do nothing.

    http://www.riverrunfarms.net The logo is still in the middle.

    Help!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Move site title/logo so it works on smaller screens.’ is closed to new replies.