• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Reply To: Responsive logo alignment

Home › Community Forums › Epik Theme Support › Responsive logo alignment › Reply To: Responsive logo alignment

January 27, 2015 at 2:33 pm #14968
Wes
Moderator

@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.

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework