Viewing Templates with drop-down menus...

  1. Portal Home
  2. Forum
  3. EverWeb
  4. Feature Requests

Templates with drop-down menus...



User: Roddy 12 years ago
The last drop down is usually reversed so that it doesn't go out of the content area when the navigation is hard up against the right hand edge of the page.

This is not a fault. It is good design practice! I guess you could overwrite it if you really wanted.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: derekgtbaby 12 years ago
The drop down menus went back to the solid lines. The code is still there in the header but it's not reading it properly. All I did was change the large image on the page and for whatever reason the drop down menus reverted back to a solid line.
User: derekgtbaby 12 years ago
[quote="Roddy":1r3tf9pk]The last drop down is usually reversed so that it doesn't go out of the content area when the navigation is hard up against the right hand edge of the page.

This is not a fault. It is good design practice! I guess you could overwrite it if you really wanted.[/quote:1r3tf9pk]


Okay but take a look at it in FireFox... Not good. Not good at all.
User: Roddy 12 years ago
This is what I see in Firefox...



What is the problem?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: derekgtbaby 12 years ago
Notice how the dotted lines are gone from the drop down menu.
In FireFox this is what I'm seeing... Very strange.

Screen shot 2013-08-23 at 2.41.33 PM.png
User: Roddy 12 years ago
My screenshot is from Firefox v 23.0.1

Did you try clearing the history in Firefox?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: derekgtbaby 12 years ago
[quote="Roddy":84ysj5eb]My screenshot is from Firefox v 23.0.1

Did you try clearing the history in Firefox?[/quote:84ysj5eb]

I did clear the history and it still looks like crap. Is there a way that I can make the drop downs all align to the left regardless of it's position?
User: Roddy 12 years ago
You have different versions of the navigation menu on different pages of your site - #navmenu_menu0, #navmenu_menu1, #navmenu_menu2, #navmenu_menu3

You need to pick one and stick with it!

Your HOME page uses #navmenu_menu2 so we ail go with that.

In the site wide Head Code box delete this...

<style type="text/css">
#navmenu_menu3 ul ul li a,
#navmenu_menu3 ul li.active li a,
#navmenu_menu3 ul li:hover ul li a{
border-bottom:1px dotted #ccc; /*separator can be solid, dotted, dashed, with any hex color number*/
}
</style><style type="text/css">
#navmenu_menu3 ul ul li a,
#navmenu_menu3 ul li.active li a,
#navmenu_menu3 ul li:hover ul li a{
border-bottom:1px dotted #ccc; /*separator can be solid, dotted, dashed, with any hex color number*/
}
</style>

In the above code, note that you have repeated it!

Now copy the code below and paste it into the Site Wide Head Code box...

<style type="text/css">
#navmenu_menu2 ul ul li a,
#navmenu_menu2 ul li.active li a,
#navmenu_menu2 ul li:hover ul li a{
border-bottom:1px dotted #ccc;
}
#navmenu_menu2 ul li.last ul { /* Last ul */
left:0;
float:left;
right:auto;
}
#navmenu_menu2 ul li.last ul li { /* Last li */
left:auto;
margin:0;
clear:left;
float:left;
width:100%;
}
</style>

That should give you the dotted separator and move the last drop down in line with the rest.

Publish the page and test it in the browser to see if it is OK.

If you are happy with it, select the navigation and copy it - Command C

On every page of your site, delete the existing navigation and paste in the one on your clipboard - from the HOME page.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: derekgtbaby 12 years ago
[quote="Roddy":3tmo3uhx]You have different versions of the navigation menu on different pages of your site - #navmenu_menu0, #navmenu_menu1, #navmenu_menu2, #navmenu_menu3

You need to pick one and stick with it!

Your HOME page uses #navmenu_menu2 so we ail go with that.

In the site wide Head Code box delete this...

<style type="text/css">
#navmenu_menu3 ul ul li a,
#navmenu_menu3 ul li.active li a,
#navmenu_menu3 ul li:hover ul li a{
border-bottom:1px dotted #ccc; /*separator can be solid, dotted, dashed, with any hex color number*/
}
</style><style type="text/css">
#navmenu_menu3 ul ul li a,
#navmenu_menu3 ul li.active li a,
#navmenu_menu3 ul li:hover ul li a{
border-bottom:1px dotted #ccc; /*separator can be solid, dotted, dashed, with any hex color number*/
}
</style>

In the above code, note that you have repeated it!

Now copy the code below and paste it into the Site Wide Head Code box...

<style type="text/css">
#navmenu_menu2 ul ul li a,
#navmenu_menu2 ul li.active li a,
#navmenu_menu2 ul li:hover ul li a{
border-bottom:1px dotted #ccc;
}
#navmenu_menu2 ul li.last ul { /* Last ul */
left:0;
float:left;
right:auto;
}
#navmenu_menu2 ul li.last ul li { /* Last li */
left:auto;
margin:0;
clear:left;
float:left;
width:100%;
}
</style>

That should give you the dotted separator and move the last drop down in line with the rest.

Publish the page and test it in the browser to see if it is OK.

If you are happy with it, select the navigation and copy it - Command C

On every page of your site, delete the existing navigation and paste in the one on your clipboard - from the HOME page.[/quote:3tmo3uhx]

I'm not creating different nav menus. The software is obviously doing something strange here. because I've tried several times to simply copy and paste my main nav menu to the different pages and for whatever reason the menus are not functioning the same from the main page to the other pages. I've gone through and done exactly as you've indicated and you can clearly see that it isn't working. It's somehow keeping old information on the subsequent pages.

This is the only code that I have in the Head Code from the global code screen:

<style type="text/css">
#navmenu_menu2 ul ul li a,
#navmenu_menu2 ul li.active li a,
#navmenu_menu2 ul li:hover ul li a{
border-bottom:1px dotted #ccc;
}
User: derekgtbaby 12 years ago
Sorry I didn't copy all of the code from the Head Code. This is what I can see:

<style type="text/css">
#navmenu_menu2 ul ul li a,
#navmenu_menu2 ul li.active li a,
#navmenu_menu2 ul li:hover ul li a{
border-bottom:1px dotted #ccc;
}
#navmenu_menu2 ul li.last ul { /* Last ul */
left:0;
float:left;
right:auto;
}
#navmenu_menu2 ul li.last ul li { /* Last li */
left:auto;
margin:0;
clear:left;
float:left;
width:100%;
}
</style>
User: Roddy 12 years ago
OK, I think I see what's happening. I'll need to do some tests.

In the meantime, is the code working for the menu on the HOME page?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: derekgtbaby 12 years ago
[quote="Roddy":1dt6doss]OK, I think I see what's happening. I'll need to do some tests.

In the meantime, is the code working for the menu on the HOME page?[/quote:1dt6doss]I have deleted the drop down navigation from all of my pages now. I have gone through each page and unselected the "include page in navigation menu" because I wanted a clean slate to work from. As I was unselecting each page there were parts of menus still appearing and some of them had full menus. Every page was different and even the order of the pages changed in a couple of instances.

Now I'm going to use the menu widget to re-do the drop downs.

Yes the code on the home page was working great.
I've just started to redo the menus from scratch. I'll plug that code back in and then copy and paste the nav from the home page to the other pages... I think that this should fix the issue.
User: Roddy 12 years ago
Let me know when you are done and have published the website please.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: derekgtbaby 12 years ago
[quote="Roddy":1urztbgl]Let me know when you are done and have published the website please.[/quote:1urztbgl]

I've redone the navigation and it's working the way I want it on the home page but not in any of the other pages. Strangely the source code is telling me that I'm on version 18 of the menu now. I am quite sure I haven't done 18 menus.
User: Christopher 12 years ago
I'm now experiencing the same problem, as Roddy just pointed out. My menus have changed names making it very difficult to override the code and improve the look of my Navigation bar.

Is a fix on the way?

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com


Post Reply
You must login or signup to post.