We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 37437
    • 147 Posts
    I am running MODx 0961.p2 and utilizing Wayfinder for a main, horizontal, navigational menu in a site I am building. The menu sits within a Div that is positioned just below the site header. I want the Div (and menu) to sit right up against the bottom of the header, and it does, until I insert that Wafyinder call in the Template. With the Wayfinder call in place, the div is pushed down about 20px from the bottom of the header -- as if Wayfinder is inserting a top-margin of 20px or so. I suspect this can all be remedied by modifying the proper CSS settings for Wayfinder, but I am not sure where to go to do this. Following a suggestion I found in the forums, I tried playing around with style settings in: assets/templates/modxhost/ modxmenu.css, but nothing did the trick. Does anyone know how I might remedy this issue.

    Thanks much.

    Marconi
      • 7231
      • 4,205 Posts
      This will depend on the output you are producing from wayfinder. If you are using the default output, an unordered list <ul> you will need to add styles to remove the default margins that surround the <ul>. In any case this is a css/xhtml issue.

      See all the available templating options available for Wayfinder at: http://www.muddydogpaws.com/development/wayfinder/parameters.html
        [font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

        Something is happening here, but you don&#39;t know what it is.
        Do you, Mr. Jones? - [bob dylan]
        • 37437
        • 147 Posts
        dev_cw -

        THANK YOU. It was so simple. I went into my CSS, set all padding and margins for my UL to ’0’ and, bingo, problem solved.

        Best.

        - Marconi