sub nav height - Appfinite

Tagged: header height, nav bar

This topic has 7 replies, 2 voices, and was last updated 9 years, 4 months ago by Wes.

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.