• 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

Legacy header responsiveness

Home › Community Forums › Legacy Theme Support › Legacy header responsiveness

Tagged: legacy header, legacy header responsive

  • This topic has 1 reply, 2 voices, and was last updated 8 years, 8 months ago by Wes.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 22, 2013 at 10:49 am #8386
    jack
    Customer

    Having an issue with the header right widget overlapping the logo on mobile devices. Can’t seem to find the right answer and a little help would be greatly appreciated. Please review the url we are having difficulty with. It is: http://smithmoversinc.com/

    October 22, 2013 at 2:59 pm #8392
    Wes
    Moderator

    You have a fixed height that needs to be removed or changed when viewed on mobile devices. So add something like this to your responsive section –

    #header {
        height: auto;
    }

    By default the widget area shouldn’t overlap the header, it’s supposed to show up under the logo/title area. It looks like you’ve made some customizations to your css which is the reason why it’s not showing up right. For example, on line 3511 this should just be margin instead of margin-bottom –

    #header .widget-area {
        margin-bottom: 100px 0px 20px 0px;
        padding: 0 0 10px;
    }

    So try and go through all of the custom code you added to make sure everything is properly setup. You may just have to add some bottom margin to the title area to separate it from the widget area.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Log In

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 © 2022 · Appfinite · Built With The Genesis Framework