Page 1 of 1

Menu styling issues on interior pages

Posted: Fri Jun 09, 2017 1:52 pm
by kferg55
I am having an issue with the menu styling and spacing and can't seem to figure out what is causing or where it's coming from.

On the home page it seems to work just fine, all levels show up and have correct padding. once i navigate off the homepage to an interior page the menu is completely unusable. Every menu item is overlaying one another and there is no space in between anything.

Can anyone help find a solution? this template will not be usable if i can't figure this out.
Screen Shot 2017-06-09 at 15.48.47 PM.png
interior page navigation issue.PNG

Re: Menu styling issues on interior pages

Posted: Fri Jun 09, 2017 2:32 pm
by LTinker68
You more than likely modified a "base" tag in the stylesheet used by your topics. For instance, if you changed the bottom margin or line height or some other attribute on the base <div> tag, or a <p> tag, or the <body> tag, or the <a> or <li> tags, etc., then that change will filter down to not only your content in the page itself, but also to the header/footer styles, because the topic stylesheet is referenced last in the page, so values in your topic stylesheet will override values in the MadCap stylesheets used for the header and footer.