Top Nav Issue (Menu Skip Link)

[gmcvier]

I’m having a weird problem that I can’t track down. It started around 1 week ago. The top nav in (firefox) adds a "skip menu navigation link". This link then pushes the real links like home & categories down over the search area which intern makes the search not function. In (chrome, and IE) the top nav is lined up and working fine, but the search box does not work just like in Firefox. Has anyone had a problem like this or no a fix?

Support said that it was likely due to modifications in the template.master. So I uploaded a stock template.master and css sheet to see if that would correct the issue, and it did not correct the problem. Any help would be great.

Thanks in advance!

Site: http://www.intechequipment.com/store

[atomiccafe]

I also have a problem with my Top Nav when viewed in iPad. There's a margin-left:16px; that's causing the last tab from going outside the container and I can't find where to edit it to replace 16px to 0px but no one seems to be helping.

[a.rafiee]

I also have a problem with my Top Nav when viewed in iPad. There's a margin-left:16px; that's causing the last tab from going outside the container and I can't find where to edit it to replace 16px to 0px but no one seems to be helping.

Hi,

I had the same issue. I cant say that the people who wrote this had a very linear understanding of the system involved.

Probably the same reason it took, i dont even know how many versions to introduce low stock alert. You would think some common sense involved with a e-commerce website would make that a necessity.
Like designing a car without a petrol level indicator.

Anyways, what you are looking for can be achieved by editing the style.css and forcing it to follow a new margin.

Example:

.aspnetMenu_StaticMenuItemStyle a:hover
{
	color: #555;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px !important;
	margin-left: 8px!important;  <--! that's the way i did it. -->
	cursor: hand;	
}

Hope that helps.