Solved

shorten header bar

Posted on 2014-04-19
5
288 Views
Last Modified: 2014-04-20
Hi,

In wordpress 2014  I have the horizontal bar called header-main and in css I cant reduce the height.

.header-main{ height:10px }

.header-main{ display:none; } //removes it so I know this is the correct bar
0
Comment
Question by:jagguy
  • 3
  • 2
5 Comments
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 40010116
If you want to reduce it, you'll need to reduce/hide the "My blog" header (site-title) and the .search-toggle class.

Even then, you'll get a gap between the bar and the main content, so you'll need to adjust margin-top on site-main.

HTH,
Dan
0
 

Author Comment

by:jagguy
ID: 40010230
You mean like this?

.search-toggle{display:none;}
.site-header { display: none; }


.site-main {margin-top:5px;  }

The area is unstable as you scroll and this former bar area appears again.
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 40010242
I don't see it.
.masthead-fixed .site-header {
height: 5px;
}
.masthead-fixed .site-main {
margin-top: 5px;
}
.header-main {
display:none;
}
0
 

Author Comment

by:jagguy
ID: 40010248
It might be my local version looking unstable.
Anyway the below code doesnt have any effect if I take it out.
Where is masthead-fixed found on firebug?

.masthead-fixed .site-header {
height: 5px;
}
0
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 40010265
Line 3319 in style.css?ver=3.8.1
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now