- This topic has 6 replies, 2 voices, and was last updated 10 years, 3 months ago by
.
-
Posts
-
Hi, I’m using Legacy (AmyLynnAndrews.com) and love its simplicity. The only issue I have so far is that my logo and search widget (header) are not centering on mobile. Is there an easy fix?
Thanks so much!
You could add – “background-position: center top !important;” to your #header in the 2 responsive sections of your css file. (bottom).
Also, you will need to make the logo area clickable so you can add the following –
#title-area {
float: none;
padding: 20px 0;
text-align: center;
width: 100%;
}You may need to add !important at the end of some of the css rules.
If you don’t want to deal with the code you could try a plugin by Nick Croft that handles this automatically – http://designsbynickthegeek.com/plugins/genesis-responsive-header
I meant to say the title code should only go in the responsive sections. You won’t have to edit the main section.
- The topic ‘How to center logo & header widget in mobile’ is closed to new replies.