display menu at top

[stephangriesel]

how do i get this menu to display at top? if you scroll down past the header then it displays but i want it to be fixed at top. here is my website: http://www.econsolutions.co.za/vck

[Paulie_D]

You want it ALWAYS at the top?

[Paulie_D]

There is Javascript which displays the menu once a certain amount of scrolling has taken place.

It affects the div with a class of header.header-main.

My best guess is that disabling that JS and setting the div to display block (line 78 etc of your style sheet would be a good place to start.

Not sure which of the MANY scripts is actually doing this though.

** MOVED TO JS JUNGLE**

[Paulie_D]

Nope…it will be a .js file in the appropriate folder

However, it could just be part of a js file…not the whole thing.

[Paulie_D]

I would be very careful about editing or removing any .js file unless you absolutely know what is going to happen when you do.

It’s not something for the inexperienced (like me) to tackle.

[Paulie_D]

At the moment the default ‘styling’ of the div is display:none. That’s what it says in your CSS stylesheet.

At some point the javascript takes over and changes that setting to allow the div to show up (display:block) .

It might be that just changing that default property to display:block in your stylesheet will solve the whole thing…but you are the only one who can do that and it’s not guaranteed to be the final solution.

[Paulie_D]

At your own risk, yes.

    /*inner pages*/
    .header{width:100%; min-height:50px; height:auto !important; height:50px; line-height:49px; background: url(../images/ie8-transparent-bkg.png);/*ie8 fallback*/ background: rgba(0,0,0,0.5) url(../images/pattern-header-banner.png) repeat; position:fixed; top:0; z-index:50;}

    .header.header-main{display:none;}  <=== this line here
    .header.mobileHeader{display:none;}

    .header .inner {max-width:930px;margin:auto;}
    .header .logo-container{height:50px; position:relative;float:left;}
    .header .logo-container .logo{position:relative; bottom:0;}
    .admin-bar .header{ top:28px; }

[Paulie_D]

Most browsers have built in Web Developer Tools or extensions you can download.

In Chrome (and to a certain extent Safari) you just press F12 and they pop up as a separate window and allow you to view the HTML and when you click on a particular element it shows you the CSS affecting that element.

You can also right-click and ‘Inspect Element’

Firefox works pretty much the same but has a great extension called Firebug which adds even more.

IE (also F12) has the same but, IMO, it’s not as well developed as the more modern browsers.

[Paulie_D]

Where are you looking?

I copied what is in your CSS stylesheet.

[stephangriesel]

i had a look at the css file and don’t see that in there, here is my style sheet:

[Paulie_D]

I chopped all that out.

Have you checked the theme css…it’s there.

/*------------------------------------------------------

    Theme Name: EGO
    Author: UDTHEMES
    Author URI: http://udthemes.com

/*------------------------------------------------------

[Paulie_D]

http://econsolutions.co.za/vck/wp-content/themes/ego/css/style.css?ver=3.6

[stephangriesel]

nothing showing in there, can you see the css filename?

here is what shows in style.css:

/*
Theme Name: Ego
Theme URI: http://udthemes.com/ego-wordpress-theme
Description: Responsive Onepage WordPress Theme with Parallax. An UnlimitDesign and Farid Hadi production.
Author: UDTHEMES
Author URI: http://udthemes.com
Version: 1.7
Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, fixed-width, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready

License: GPLv3
License URI: http://www.gnu.org/copyleft/gpl.html

Copyright: UDTHEMES (http://udthemes.com/)

*/

[Paulie_D]

Did you see the link to your ACTUAL sheet?

[stephangriesel]

I did open the link yes thank you. Why when i try to view it in my editor it shows different than the link?

[Author]

Posts