Logo Cut Off by Header Nav Menu

Homepage Community Forums Epik Theme Support Logo Cut Off by Header Nav Menu

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #13163
    JohnP
    Customer

      Hi – as you shrink the width of a page, the header nav menu moves from right alignment to left alignment before it pops down below the header logo – but when it does briefly move to left alignment, it cuts off the right part of the header logo. Is this normal behavior?

      I’m using the latest versions of Genesis and Epik. My logo is 360 x 164 px. Sorry, my site is offline at the moment, but it’s pretty much out-of-the-box Epik.

      John

      #13190
      Wes
      Moderator

        Yes that’s normal, but if you only have a couple menu items then it probably won’t look right floating to the left when it should be on the right. If you have a lot of menu items like the demo, then it will always appear on the right because of the length of the nav. The reason it’s doing that is because the div changes width when resized. It goes from auto to 620px. One way to fix this is to keep the width at auto. You find this around line 4040 in your css and it should look like this –

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

        Just change that to this –

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

        …and it should fix it.

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