• 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: Struggling to align elements in Header

Home › Community Forums › Epik Theme Support › Struggling to align elements in Header › Reply To: Struggling to align elements in Header

January 9, 2014 at 11:46 am #9890
axelk
Customer

Hi Kronos:

OK. I’ve made the suggested changes, but it still doesn’t work. Take a look.

Seems that the problem is now the width of the “header-widget area”. But there appear to be (to me) conflicting CSS instructions, including:
.site-header .widget-area {
color: #ddd;
float: left;
text-align: right;
width: auto;

And then at the bottom of the stylesheet:
/* Desktops, laptops and iPads (landscape)
——————————————— */

@media only screen and (max-width: 1139px) {

.wrap,
.site-header {
max-width: 960px;
}

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 740px;
}

.content,
.site-header .widget-area {
width: 620px;
}

Which governs? Which do I change, without screwing everyone up?

Thanks!

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