Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

shorten header bar

Posted on 2014-04-19
5
Medium Priority
?
319 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 35

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 35

Accepted Solution

by:
Dan Craciun earned 2000 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 35

Expert Comment

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

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Find out what you should include to make the best professional email signature for your organization.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

972 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