Niro: Ok. I was thinking position:absolute, top: 75px for the container, but not sure if that will have an effect on people with smaller screens I.e. cellphone
Brzuchalski: It shouldn’t have an effect
Paparelli: Ahh ok, so absolute positioning woudl be the easiest method then
Brzuchalski: Well, if you use abs. pos., then whatevers underneath is going to move to the top
Preisinger: Hmm. tried it, and other than it no longer being centered, the scroll bar is still there. ffs.
Puddy: Hi all, I am learning to build a push out menu, it works fine on jsfiddle but not locally. could you have a look at the code for me and see if I am missing something? https://jsfiddle.net/u9r0668k/ On my localhost browser I have both the menu and close text on the page, upper right, and the push out does not work.
Casagrande: Is there a way to get my text to definitely wrap at a specific place and wrap in other non-custom places if needed?
Corburn: Without line breaks of course
Zebel: This is for nav links
Radabaugh: You can give them cl***es for th eones you dont want to wrap
Nisonger: And use white-space: no-wrap
Melendes: Petralba: I do want them all to be able to wrap, I just want to manually wrap some of them to start out
Bennie: Its hard to conceptualize what the case scenarios are when you want to do it and when you dont want to do it
Geiser: Petralba: for example, I have “Course Replacement & Credit Recovery” in the links
Furbeck: Id suggest providing some example or recreate it in a testcase or something
Sukhu: You can put each word / section in a span
Reineke: And then conditionally, based on media queries
Pellegrino: Adjust when what wraps
Mouldin: Petralba: If a window is large enough, I want it to wrap at the end of “Replacement” and after the “&”
Fielden: Petralba: If the window is too small for that, though, I want it to wrap where it needs to up until each word is on its own line
Komlos: Petralba: for example, if someone makes their window less wide
Humeniuk: Petralba: So, if the window is wide enough, it would be on three lines, but if the window is too small, it would be on 5 lines, and if it’s in between, it’d be on 4 lines.
Lebedeff: Petralba: Does that illustrate what I’m hoping to achieve?
Jinks: There are other ones that I want to wrap at the end of every word
Walund: And the suggestion i made of spans with media queries
Januszewski: Petralba: will a media query work for a pc where the user shrinks the page whenever they want?
Presby: Petralba: and how do I control what wraps when? Do I make several cl***es for the spans?
Mclear: Petralba: How do I tell certain ones to go onto the next line?
Hohm: And yes, media query will work on desktop
Absalon: Span:nth-child2 will target the 2nd span in the common parent container
Soltow: Petralba: What I mean is, will media query allow me to have the flexibility I described when the page shrinks and grows? Will it be able to adjust? And how do I make sure it can?
Cardinal: A href=””spanone/spanspantwo/spanspanthree/span/a
Ottoson: Thats the point of media queries
Cashman: Petralba: Ok. I’m not quite understanding what to do so I’m not sure I’m getting my intention across. I may try to make an image showing what I want.
Senteno: I get what youre trying to do.
Siverling: But you can set up a test case and play around with it
Olivieri: And we can provide some additional guidance
Einck: Petralba: Ok, I’ll try the image first since I’m not sure how to set up a test case that will automatically work for everyone
Maldenado: Knod, a pared-down testcase is a page that isolates the problem with the minimum required markup, styling and scripting. See paste for services that easily let you create such testcases for others to see.