sub nav height

Homepage › Community Forums › Legacy Theme Support › sub nav height

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 24, 2013 at 4:02 am #9109
    tjd
    Customer

      Hi, this response to Kronos is here because I’m unable to reply in the conversation which has a note that sez I must log-in…and I am logged in. Anyway,

      I want to increase the height of my 2nd Navigation bar which sits at the top of my site. How can accomplish that? Can you point me to the area in the CSS that controls that feature?

      see it here- http://tomjdolan.com

      Thanx,
      Tom

      November 24, 2013 at 8:21 pm #9116
      Wes
      Moderator

        In reference to posting in the Forum – Anytime that happens, just hit your reload button on your browser. That will clear your browser cache by default. It’s just a caching issue.

        You can edit the #subnav around line 349 in your css – 

        #subnav {
    background: #a80202;
    border-bottom: 1px solid #ffffff;
}

        You can add some height there, or you could add padding to the top and bottom if you want to keep the links in the very middle. padding: 20px 0;

        November 27, 2013 at 5:56 pm #9178
        tjd
        Customer

          Hi Wes,

          Thanx for the response, and that worked just fine. The result looks like the main title area between the top nav bar and the bottom nav bar has decreased. It may only appear that way when in fact it didn’t change. So if I now want to increase the overall height of the Header, can I do that? And if I change the header height, can I keep the Header text centered?

          Thanx for the support,
          Have a Happy Thanksgiving…the news here in Japan sez you folks might be in for some stormy days,

          Be safe,
          Tom

          November 28, 2013 at 12:45 pm #9201
          Wes
          Moderator

            “So if I now want to increase the overall height of the Header”

            Yes, as mentioned in my previous comment, you can do that by adding the height code or the padding on top and bottom.

            November 28, 2013 at 11:09 pm #9206
            tjd
            Customer

              Hi Wes,

              I followed your suggestion with the Header. My results were mixed and I adjusted a few settings: 1st I added the padding: 10px 0; to the #title. and that didn’t work as I wanted so I removed it. Then I added the same to the #title area{ and that was better but the results of the padding only seemed to increase the spacing above the title text not below the tag line text. It looked better with more space separating the Title from the Upper Nav bar.

              Then I increased the padding in the #header widget area{ from 10 to 20 and that lowered the Image & text of the header right widget which looks better.

              So, I can live with the appearance for now. I forget that each element of the site seems to have it’s own settings, so if I wanted to increase the space below the tag line, can I locate the tag line and add padding to it?

              Ok, as usual, you’ve been great Wes…thanx.

              Tom

              November 29, 2013 at 11:38 am #9217
              Wes
              Moderator

                “so if I wanted to increase the space below the tag line, can I locate the tag line and add padding to it?”

                Yes, the tag line code is labeled #description so you can add that to your css and add your code to it.

                November 29, 2013 at 10:38 pm #9227
                tjd
                Customer

                  That’s ez enuf…thanx Wes.

                  November 30, 2013 at 11:06 am #9228
                  Wes
                  Moderator

                    You’re Welcome!

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘sub nav height’ is closed to new replies.