Changing flowing menu in rensponsive mode

Try this:

@media (max-width:979px) {
ul.qtrans_language_chooser, div.wpcf7 {
  display: none;
}
}

Thanks for your help,

This is good css but I
need it to change just flowing header, not normal header…

And I can not find how to adjust transparent area in flowing header, it’s height… Because it takes me too much free space when I move out all the items form header…

Thanks ??

The whole point of the @media is limited to smaller viewports so shouldn’t be impacting the normal header. Css executes serially so check you’ve added this after any normal css, towards the bottom of your style.css.

You could remove the navbar box:

@media (max-width:979px) {
ul.qtrans_language_chooser, div.wpcf7 {
  display: none;
}
/* Remove Navbar box           */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
background:         none;
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}
}

It affects on both responsive headers. ( fixed and flowing header)

Remove navbar box does not affect on anything…

Hm, could it be that I have some other code written which overwrites the new one ?

Now your code is installed and you can see how it looks HERE

Not able to connect at moment. I’ll try again later

I can not see which code in your css make a difference between fixed and flowing header… What should I write in css that specifies it is flowing header?

Can see site again. The code above is working – the navbar box & translate flags disappear on width < 980px.

Something is conflicting though as the 3 zooms should fit into one row. There is no code in your style.css (except @import which you can take out as Czr does it for you).

Did you try the Plugin Test? Deactivate all your plugins, test. If OK, then re-Activate each Plugin one-by-one to find the culprit. Let us know which one if I’m right.

You mean about 3 rows in the responsive header should stick in one row ?

I tried deactivating all plugins and than activated css plugin first… nothing changed :S

I tried deleting all css and returning one by one but nothing changed…

It still affects both… fixed and flowing header…

I added

.row-fluid [class*=”span”] {
min-height:0px;}

It helped with free flowing space…

I came to conclusion that I do not need flowing header at responsive screen… It is too big problem with refreshing on small devices and itc…

Which css should be for deleting flowing menu in responsive?

Thanks

You have the 3-bar Menu Button. Do you mean remove that? How would mobile User navigate site?

I solve my responsive problem with this code

.sticky-enabled .tc-header ul.qtrans_language_chooser { display:none;
}

So I deleted qflags on flowing header but not on normal header…

For normal flowing header now I just need some css code which will delete free space in header where used to be flags, and free space in the bottom of the header… So I just need to clean it up and make it as much as usable as it can that flowing menu does not take too much space…

Can I fix it just for 2 rows because it sometimes on smaller screen takes 3-4 rows…

Thanks