Reply To: Responsive logo alignment

@bocafit I usually recommend the code that was posted above by Eric. If you do a search in the forum you’ll see more posts that cover different things you can do to adjust how your logo looks in Genesis…..This is how it works in all Genesis themes.

I just checked your site, and scanned your CSS file, but I don’t see the code. Are you sure you added it to your CSS?

Also, once you do add it, you’ll still need to adjust the title-area CSS when the site is in responsive mode. When your browser is adjusted, or when it is viewed on a smaller device, it activates the responsive CSS at the bottom to override the code that is used for the desktop version. At the moment the width is at 300px on line 4103 –

	.sidebar-primary,
	.title-area {
		width: 300px;
	}

^ So once you change that to whatever size you prefer your logo to be, including the code mentioned above, then it should work.

I have an iPhone and an iPad so I can check your site once you make the adjustment to make sure everything is working…..Or since it’s a simple fix, I can login for you and make the adjustment directly. Just let us know

@Genghis7777 you can fix your issue by adding the following code to your responsive section –

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

That should center it…..however, your image itself needs to be centered. If you open it in photoshop you’ll see that it is off to the left and there is some transparent space on the right side. So once even out both sides and remove the extra space it will center perfectly.