ruitertje

I have come this far:

http://w3webseiten.eu/

What is missing is the menu getting to (display:none), the moment the width gets medium or small.

[edit]

Of cause, mediaqueries  . . .

Now I will make the menu get over the content, then I am at the same point that the examples had
I used before where the menu is positioned fixed.
Putting the problem in words is a part of the solution!
 

regards.

Hi,

I have been searching for a solution to have a responsive full-width image in a header-div and
a left sidebar-menu that stays underneath the header.
When on small screens the menu should toggle in and out, covering the content below the header.

All examples I found use a position:fixed for the sidebar covering-up the header for a part.

I am using w3.css and am experimenting with w3-hide-small with no luck.

Any hint?

regards

The standard w3.css is not fit for multilevel menus.

If you want that then w3.css must be editted. Your css does not seem to use w3.css.

regards,

Jan

When I use a local file w3.css this happens.

This is the one I changed, after downloading a new one it is working, so I have to search why the change I made for the multilevel dropdown effect this.

Any ideas are welcome.

Regards,

Jan

Responsive Navigation,

this example

 <div class="w3-bar w3-black">
  <a href="#" class="w3-bar-item w3-button">Home</a>
  <a href="#" class="w3-bar-item w3-button">Link 1</a>
  <a href="#" class="w3-bar-item w3-button">Link 2</a>
  <a href="#" class="w3-bar-item w3-button">Link 3</a>
</div> 

gives me a menu of 100% width on a 1920px width full HD screen with text centered.

I tried it on Firefox and Chrome, it happens on both.

What did I do wrong?

Regards,

Jan

It is possible when you copy all code for

.w3-dropdown-hover .w3-dropdown-content  to another level like

.w3-dropdown-hover1 .w3-dropdown-content1

.w3-dropdown-hover2 .w3-dropdown-content2

etc.

etc.

I only need to give a leftmargin of 2em or more to keep seeing the underlying menu.

The first test localy is functioning, so I can nao build it into the template.

Regards,

Jan

Hi,

I have rebuild a smarty-template that produces a menu from the cms-database.

It can handle multiple levels for the navigation.

I have it almost working the only thing is that alle dropdowns are opened upon the first level hover.

It can be seen at http://c-m-s.pw/index.php?page=testen_w3css

My question, is it possible to use hover for multiple level dropdowns?

I cannot use "on click" because the toplevel is also a link to a page.

Any ideas how to solve this?

Regards,

Jan