Epik header causes nav menu to be in in wrong place

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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%;

      #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

        #5575
        m3sw
        Customer
          This reply has been marked as private.
          #5587
          Eric
          Customer

            Take a look here at this comment for your header – https://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

            #5678
            m3sw
            Customer
              This reply has been marked as private.
              #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

                #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

                  #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

                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • You must be logged in to reply to this topic.