Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript display menu at top

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 24 total)
  • Author
    Posts
  • #147316
    stephangriesel
    Participant

    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

    #147328
    Paulie_D
    Member

    You want it ALWAYS at the top?

    #147335
    Paulie_D
    Member

    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**

    #147338
    Paulie_D
    Member

    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.

    #147340
    Paulie_D
    Member

    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.

    #147345
    Paulie_D
    Member

    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.

    #147348
    Paulie_D
    Member

    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; }
    
    #147350
    Paulie_D
    Member

    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.

    #147418
    Paulie_D
    Member

    Where are you looking?

    I copied what is in your CSS stylesheet.

    #147420
    stephangriesel
    Participant

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

    #147424
    Paulie_D
    Member

    I chopped all that out.

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

    /*------------------------------------------------------
    
        Theme Name: EGO
        Author: UDTHEMES
        Author URI: http://udthemes.com
    
    /*------------------------------------------------------
    
    #147425
    Paulie_D
    Member
    #147426
    stephangriesel
    Participant

    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/)

    */

    #147428
    Paulie_D
    Member

    Did you see the link to your ACTUAL sheet?

    #147429
    stephangriesel
    Participant

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

Viewing 15 posts - 1 through 15 (of 24 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.