Align Logo on mobile devices

Tagged: logo

This topic has 4 replies, 3 voices, and was last updated 11 years ago by Stephane.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
May 22, 2014 at 2:24 am #31709

Scholz
Participant

neu.husch-gmbh.de

Is it possible to center Logo (HUSCH) on mobile devices and display flags in one line?

How could i change responsive-navigation links?

There is Menu and “Startseite”.
Changing to Menu display non existing site.

May 22, 2014 at 11:45 am #31769

Sakin
Keymaster

@Scholz: In which devices are you trying to make your logo center. As when I check in from iphone, your logo in center. See the preview in http://mattkersley.com/responsive/.

Send, do you mean that you don’t want menu in your mobile devices.

September 11, 2014 at 7:51 am #43681

Stephane
Member

Hi Sakin,
I have the same issue with my website: http://stoleo.eu/blog_stoleo
Any idea how to solve the logo issue?
It would be great also if the text would not go off screen on the right hand side.
Cheers,
Stéphane

September 11, 2014 at 8:22 am #43689
Sakin
Keymaster
Hi Stéphane,

Once option will be to center the logo and then move the site title and tag line below the logo and center it. SO, you can add in the following css in “Appearance => Theme Options => Custom CSS” box.
```
@media screen and (max-width: 960px) {	
	#site-logo.title-right {
		display: block;
		margin: 0 auto;
		padding-right: 0;
		text-align: center;
		width: 100%;
	}
	#site-logo.title-right {
		display: block;
		margin: 0 auto;
		padding-right: 0;
		text-align: center;
		width: 100%;
	}
}
```
Regards,
Sakin
September 11, 2014 at 8:27 am #43690

Stephane
Member

Excellent !!!
Thanks Sakin !!!
The only remaining problem is the one with the font now (but I don’t open it on that topic).
Cheers,
Stéphane
Author

Posts