I have a CSS navigation menu that has some problems.
In the mobile version, no content is shown when the menu is not open.
has no closing </ul> tag.
When I use the closing </ul> tag the first few lines of the content gets under the navigation menu in the desktop version. The mobile version works without problems then.
the second thing I tried was putting a div around the navigation menu but that did not solve the problem in the desktop version.
Could anyone help me so that the content in the desktop version shows correctly under the menu without having the few first lines hidden by the menu ?
Delivery: The Ripper 3 comes standard with a CORE Rear Traction Pad, Leash Plug, and FCS II fin boxes.
I am looking at it with palemoon.
The only problem now is when the screen is too wide, the content starts showing on the right side of the menu.
but I just realized i didn't float my content div. So That will solve the problem I think.
I am sorry but I was too optimistic. The problem is still there.
I tested it on palemoon, chromium and internet explorer.
if you go to http://www.test.anatak.com/en/kiteXr5.php the first two lines are hidden by the menu.
If you make the screen size small enough you trigger the mobile version and you' ll see the hidden lines.
on IOS (iphone) and chromium an underscore _ is displayed after the flags to change the language.
I have no idea why that underscore is displayed.
Because "text-decoration:none;" isn't being honored for those elements, either because something else in the CSS takes precedence, or because the selector "a.nav" isn't computing with those user-agents. I can verify that assigning "text-decoration:none;" directly to the element will rid it of underscores, but it would be much better/cleaner to do it in the CSS file. Perhaps this?
I don't KNOW that this will work (without writing a bunch of code to test it), but it should give you an idea of what to do.
the first two lines are hidden by the menu.
Yes; the <UL> element is marked "position:absolute;", so the browser ignores its height in setting up the page. If you can turn off absolute positioning and still have the layout and JS functionality you need, that might solve the issue; the alternative is to enforce some top spacing (margin, padding, positioning) on the #siteWrap DIV.