Centering logo on mobile devices?

Tagged: centering logo

This topic has 3 replies, 2 voices, and was last updated 7 years, 9 months ago by Wes.

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

Author

Posts
July 7, 2016 at 12:58 pm #18608
Kelly
Customer
For some reason I can’t seem to center my logo on mobile devices. I checked the InSync CSS and the @media code seems to be there, but it’s just not working. Any help with this is greatly appreciated.

http://pa.idealynx.com/

As you’ll see this is very much a work-in-progress and as a result is in total disarray. 🙂 And so you’ll know, I’m using Genesis Extender to append the CSS and HTML code as needed so I don’t mess up the base code.

Thanks!
July 8, 2016 at 11:27 am #18629
Wes
Moderator
Try adding this code to your CSS in the Responsive Section –
```
.header-image .site-title a {
	background-position: center !important;
}
```
If you’re not editing the CSS directly, then you’ll need to add this as well –
```
@media only screen and (max-width: 1023px) {

    .header-image .site-title a {
	background-position: center !important;
    }

}
```
July 8, 2016 at 12:41 pm #18631
Kelly
Customer
For some reason adding CSS through Genesis Extender doesn’t always work with your templates, but entering the code direct worked fine. Thanks Wes!
July 12, 2016 at 11:55 am #18692
Wes
Moderator
You’re Welcome!
Author

Posts

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

The topic ‘Centering logo on mobile devices?’ is closed to new replies.