Universal CSS Navigation Menu Support Product Page

Answered

Menu not displaying properly

Asked 30 Jun 2012 19:48:13
1
has this question
30 Jun 2012 19:48:13 Mike Hicks posted:
OK - I decided to replace my current menu with the CSS Nav menu. I created and styled a menu on my index page. When I finished, I cut the code and pasted it in an empty file named _menu.php and with the <?php require_once ('_menu.php') ?> and added the lines for the nav css and js files to the head section of the page.

On the initial page the menu look fine. When I followed the same steps on the second page, the menu fonts were larger. I have gone thru my site css file and a class to any h1, h2 or h3 tags......the menu items look like there are H1 in size and the menu title is NOT in H3 Did not work. Any ideas on what I am missing? I do not have the files on line as I don't want to overwrite my old file yet.

One more thing.....when I highlighted the code in the _menu.php file, the universal nav interface DID NOT appear....which should allow for future editing the menu. (the warning mentioned did appear as in the video). Have these steps been tested with DW CS6?....(which is what I am using).

Replies

Replied 02 Jul 2012 06:27:14
02 Jul 2012 06:27:14 Teodor Kuduschiev replied:
Hello Mike,

Please send me your files zipped to so i can check what are you doing wrong.
Replied 03 Jul 2012 06:35:10
03 Jul 2012 06:35:10 Teodor Kuduschiev replied:
Hello Mike,

You need the required includes on all of your pages that are using the menu. Currently on your index page you have the following includes:


<script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script>
<link rel="stylesheet" type="text/css" href="Styles/dmxNavigationMenu.css">
<script type="text/javascript" src="ScriptLibrary/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxNavigationMenu.js"></script>
<!--[if lt IE 7]><script type="text/javascript" src="Styles/IE7.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="Styles/dmxNavigationMenu/elegant_blue/elegant_blue.css">


And on the other page you only have:

<link rel="stylesheet" type="text/css" href="Styles/dmxNavigationMenu/elegant_blue/elegant_blue.css">
<script type="text/javascript" src="ScriptLibrary/dmxNavigationMenu.js"></script>


That's why it is not working properly there.

About the code in the _menu.php - try the following - open code view and click "ctrl+a" this will select the whole code and the properties will appear in the property inspector.
Replied 03 Jul 2012 17:33:20
03 Jul 2012 17:33:20 Mike Hicks replied:
Thanks for your comments, Teodor. I will give your ideas a go. The DMX Zone forum posting that I read
www.dmxzone.com/support/17207/topic/52660/ didn't mention those files at all.....nor did the video I watched. Sometimes it is hard to know which lines are necessary for which extension....especially when several are applied to a particular page. Perhaps if comment lines identifying the extension with the necessary code between them would be an idea your developers should look into.

As a side note, I am doing this particular project because I want to eliminate any non DMX Zone extension from the site to see if it is causing my ReCAPTCHA problem....(it doesn't work) So when I upgraded to CS6, I only re-installed only the DMX Zone extensions and now I am eliminating the others from my site.
Replied 03 Jul 2012 18:27:17
03 Jul 2012 18:27:17 Mike Hicks replied:
Well......it didn't work. I decided to attack this problem differently. I am going to delete my current work and recreate the menu on a blank page.....with no other extensions on it. Once I style the menu, I will then transfer the code to a blank page and add the necessary code as per the video's instructions...this way I will be sure to get all the code associated with the Universal Nav extension.
Replied 03 Jul 2012 19:12:01
03 Jul 2012 19:12:01 Mike Hicks replied:
That seemed to have helped. By creating the menu on a blank page, I was able to get ALL the code associated with the Universal Nav menu and pasted in the correct pages. And the resulting menu looked and worked as expected. Thanks for your help Teodor.

Reply to this topic