Fixing logo & menu alignment in header

Homepage › Community Forums › Epik Theme Support › Fixing logo & menu alignment in header

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 17, 2015 at 11:36 pm #16250
    techbuddha33
    Customer

      I’m having some difficulties formating the header layout in a similar fashion to the Epik demo site, only using a logo image instead of text.

      This is now my header currently appears, with the logo partially hidden because of the menu:

      http://taoofselfmastery.com/testsite/

      This is what I am trying to achieve:

      http://taoofselfmastery.com/testsite/wp-content/uploads/2015/08/TOSM-web-colour-scheme-black.png

      Any help with this would be really appreciated. Thanks,

      Simon

      August 18, 2015 at 3:15 am #16251
      Andykev
      Customer

        Your image is 360px X 32px. When you uploaded it to the Medial Library for your header image, did you forget to crop it properly? It should be sized 360 px X 164px.

        Check the dimensions of your file image, and re-upload it. Should fix things nicely.

        August 18, 2015 at 4:18 am #16252
        techbuddha33
        Customer

          My image size is 360 x 117px, it appears cut off as the menu element sits over the top of it, obstructing the logo. I reduced the size from 164px as it made the header too thick.

          August 19, 2015 at 7:42 am #16268
          techbuddha33
          Customer

            Can anyone help me with this issue?

            August 19, 2015 at 6:42 pm #16269
            Andykev
            Customer

              .header-image .site-title a {
              float: left;
              /* min-height: 117px; */
              width: 100%;

              }

              The header image (logo) is in your css as shown above. Your min-height is commented out. That is why it showed the above dimensions. REMOVE the /* */ and it will be just fine. It’s in line 2061 of your CSS.

              August 20, 2015 at 3:30 am #16277
              techbuddha33
              Customer

                Thanks for your help Andy, much appreciated

                I worked out what my issue was, I needed to use the header right widget area to embed my menu, rather than the normal primary menu area.

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Fixing logo & menu alignment in header’ is closed to new replies.