• 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

Epik header causes nav menu to be in in wrong place

Home › Community Forums › Epik Theme Support › Epik header causes nav menu to be in in wrong place

Tagged: epik logo nav menu issue

  • This topic has 7 replies, 2 voices, and was last updated 9 years, 7 months ago by Eric.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 12, 2013 at 10:21 am #5214
    m3sw
    Customer

    Hi

    I have uploaded a png logo 1125×120, this causes the nav menu to then be displayed below the logo.

    Logo was actually ways smaller but I added a transparent bgd as couldnt see a way to add a partial sized logo via the theme header area.

    Looking on the forums I then made this change to the CSS, reducing the widget area to 50% but then the menu titles end up too high up!

    Please can you suggest how I can add a logo without altering the nav menu positioning?

    Its a dev site, but I can send a screen shot if required

    Thanks

    .header-full-width #title,
    .header-full-width #title a,
    .header-full-width #title-area {
    width: 100%;
    }

    .header-image #title,
    .header-image #title a,
    .header-image #title-area {
    display: block;
    float: left;
    min-height: 120px;
    overflow: hidden;
    text-indent: -9999px;
    width: 50%;
    }

    .header-image #description {
    display: block;
    overflow: hidden;
    }

    #header .widget-area {
    overflow: hidden;
    width: 50%;

    June 12, 2013 at 4:18 pm #5226
    Eric
    Customer

    We would definitely need to see a link in order to provide a solution for this (screenshots/code won’t be enough to know what the issue is).


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    June 28, 2013 at 3:29 am #5575
    m3sw
    Customer
    This reply has been marked as private.
    June 28, 2013 at 1:21 pm #5587
    Eric
    Customer

    Take a look here at this comment for your header – http://appfinite.com/topic/customizing-epik-header-with-custom-css-file/#post-5560 that explains your situation with the logo and nav not aligning properly.

    The navigation is the exact same size as the demo. They are both 13px, so that is correct.

    For #3, that only works on the Primary Navigation area, not the header.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    July 3, 2013 at 4:31 am #5678
    m3sw
    Customer
    This reply has been marked as private.
    July 3, 2013 at 9:16 pm #5692
    Eric
    Customer

    You can try adding background-position: 100px 0; and adjust it until you get the desired affect.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

    July 4, 2013 at 12:04 am #5704
    m3sw
    Customer

    Hi Eric

    Thanks for the reply. As a non developer I have no idea where you are suggesting to add this code, please can you clarify where to add it and what to adjust

    Thanks

    July 4, 2013 at 1:16 pm #5720
    Eric
    Customer

    You would add that in your css file to the #header ID around line 638.


    I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 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 © 2023 · Appfinite · Built With The Genesis Framework