nav bar menu item spacing problem

Homepage › Community Forums › Epik Theme Support › nav bar menu item spacing problem

Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 28, 2014 at 4:59 pm #10251
    bf2426
    Customer

      Hi
      I have added my main menu to the header right widget.

      The issue I have is one of the menu items is extending to two lines. I want them all on one line. Pls see attached image.

      menu problem

      Reducing text size does not change things.

      Deleting one letter ie making it “What we d” brings everything back to one line. But I can’t understand this because other menu items use more text characters with no problem.

      anyone know how I can fix this?

      Bill

      January 28, 2014 at 9:00 pm #10257
      kronos
      Customer

        Your image isn’t show up, but we would need a link to your site in order to know what the issue is (images won’t be enough to inspect everything). If you can, try using the forums search since there are a lot of threads that cover something like this. I just saw this – https://appfinite.com/topic/epik-header-image-navigation-area/#post-8430 and sounds like your issue may be similar. Let me know if that works, if it doesn’t then post a link and I can see what it is.

        January 29, 2014 at 5:52 pm #10273
        bf2426
        Customer

          Tks Kronos

          The issue does not relate to the whole nav bar just to one of the page links in it.

          I have 5 page links in the nav bar “What we do”, “How it works”, “Get Started”, “Blog”, and “Contact”.

          The word “do” in the first link is being forced down onto a second line. I feel it is a spacing issue in the link area but I don’t know where to find it in the CSS to change it.

          Sorry I can’t send a link as I am building the site off line. I obviously can’t add an image to this forum successfully either!

          I did just notice that it is an issue only in Chrome. When I switch to Firefox or Safari everything is on one line. Beats me!

          Any thoughts?

          regards

          :-b

          January 29, 2014 at 6:40 pm #10274
          provirtual
          Customer

            Hi – Im so glad to see this post because I thought I was going crazy – I have this EXACT same issue:

            http://tdtestpad.com/coatesville/ (view in Chrome)

            The text “What We Do” breaks on “Do” to a 2nd line – NOT Dooooo or “Dx” – just “Do”!! This occurs in only Chrome, however.

            Ive tested this in every way I can think of, adding a test title with a long name – it appears to be “Do”!

            It doesnt like the word “Do” in the menu – I dont know how else to say it.. LOL!

            Any ideas appreciated! 馃槈

            January 29, 2014 at 10:17 pm #10280
            bf2426
            Customer

              Wow Provirtual… you are right. I added a period after the “o” and it stayed on the same line!

              I know its a small point but I’m anal n need to fix this so I hope someone can come up with a remedy.

              :b

              January 30, 2014 at 9:47 am #10283
              provirtual
              Customer

                Yeah – I originally thought along the lines of what kronos said – and assumed it was a spacing issue.

                The idea that certain content or text can trigger this is really odd – Ive never seen this before in WP.

                January 30, 2014 at 11:34 am #10285
                kronos
                Customer

                  @provirtual You can remove the letter spacing on line 1991 in your css – 

                  .genesis-nav-menu {
color: #ccc;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 1px;
letter-spacing: 0.1rem;
line-height: 1.5;
}

                  Specifically this – letter-spacing: 0.1rem; …removing that from the above code fixes it.


                  @bf2426                   I would still need a link in order to know what your issue is, otherwise there is no way to know since there is nothing I can inspect. Whenever you have one available I can take a look.

                  January 30, 2014 at 3:16 pm #10294
                  bf2426
                  Customer

                    Kronos tks you are a star. I removed the line of code from the CSS and it is fixed!

                    Many thanks

                    Bill

                    January 30, 2014 at 4:27 pm #10297
                    provirtual
                    Customer

                      Kronos, thank you so much!! Worked like a charm!!

                      Would never have thought to suspect that!!

                      – Mary

                      January 30, 2014 at 8:54 pm #10303
                      kronos
                      Customer

                        Awesome! Glad I could help 馃檪

                      • Author
                        Posts
                      Viewing 10 posts - 1 through 10 (of 10 total)
                      • The topic ‘nav bar menu item spacing problem’ is closed to new replies.