What exactly are you trying to do? I’m not sure what your end goal is.
You keep saying input label. They are two separate things.
There is an input.
There is a label.
There is no such thing as an input label. It’s very ambiguous. Your screenshot is highlighting BOTH the input AND the label.
My mistake.
The textarea.
So if you want it wider, why remove the width:100%?
And textarea isn’t the same as input, but I’ll let that slide.
this is the current one:
I tried changing it to width:100%; It is now wider.
And now I removed the width, It is now wider than it is long.
If you want it to match up with the calendar, then you have to make the form as wide as the calendar. Right now it isn’t.
I dunno why you keep setting widths and ignoring what we tell you, but #jqxWidget{} has a width:352px set, and a 20% left margin. So now let’s see what happens when we put that on the .formInfo{} (the width/margin, and remove the padding)
Seems to line up. However, now you have fixed widths.
PS - that input needs to be 100%, not 80, in this example.
1 Like
You’re not viewing it on a viewport device like this:
Put my code in and then view in that viewport.
It’s not about #jqxWidget. It’s the parent of my input.
@media(max-width:480px) {
.formInfo {
width: 100%;
}
.formInfo .tr input {
width: 90%;
}
}
Why is it my span. menu is gone?
It’s fine from my smartphone, but when I’m trying to view it from the desktop browser, its gone.
Because you told it to disappear?
style.css (line 321)
.header-top {display: none;}
It’s showing for me in the Chrome tools mobile display and on the desktop at small widths.
I’m not seeing a menu at widths of 600 px or less, using Firefox and the Web developer Toolbar “responsive layouts” option. (Or, indeed, if I simply narrow the browser manually.)
I don’t get it, is it a bug?
