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

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.

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?
=> https://www.matthieudaubinphotographie.fr

Thank you very much

Matt

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

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

Help!!