dsonesuk Posted June 7, 2021 Share Posted June 7, 2021 (edited) OH dear! wordpress, uses absolute path links, everyone will now know where to hack your site! were doomed, doomed i tell you. Right! NOW that we have something to work with! .dropdown-menu, .dropdown-menu * { white-space: nowrap !important; } Just imagine how much time and posts would have been saved Edited June 7, 2021 by dsonesuk Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 8, 2021 Author Share Posted June 8, 2021 I didn't understand what to do with the code you said. Why is the class repeated twice? Link to comment Share on other sites More sharing options...
dsonesuk Posted June 8, 2021 Share Posted June 8, 2021 (edited) I just used there code to add white-space: property as part of styling. .dropdown-menu, represents the actual element the class name is attached to, .dropdown-menu * represents with space the child elements and with * any child element tag type within parent class .dropdown-menu. Just add to style.css or additional styling box that wordpress uses, ideally you would be using a child theme to separate from original theme thus avoid css being overwritten when theme updates. Edited June 8, 2021 by dsonesuk Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 8, 2021 Author Share Posted June 8, 2021 I copied, but still the menu doesn't fit. How do I delete absolute links? Later I look for a solution with Wordpress. Link to comment Share on other sites More sharing options...
dsonesuk Posted June 8, 2021 Share Posted June 8, 2021 You can't delete absolute links, that is how WordPress works, they are all stored in the database. AND! it works fine, i can see my css, and it does works! Try Ctrl+F5, to reload cached files of browser. Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 8, 2021 Author Share Posted June 8, 2021 (edited) Can you tell me what we're trying to do? The result doesn't work, it's probably a communication problem between the two of us, or you don't control the change of languages. The word indonesia is cut off. You can see it from the photos, or it is a solution that works on new PCs. I tried on 2 different browsers and cleared the cache. https://postimg.cc/gallery/sj8h9c7 Is this normal with the nowrap? https://postimg.cc/vgBW6mSW Edited June 8, 2021 by Il Domandatore Link to comment Share on other sites More sharing options...
Ingolme Posted June 8, 2021 Share Posted June 8, 2021 I have removed the code from your previous post. When posting code, don't post more than around 20 lines because anything more and nobody is going to want to read all of it. You must only post the few lines of code that are related to the particular problem you are trying to solve. Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 8, 2021 Author Share Posted June 8, 2021 I understand, but as I have said several times; How do I know what to copy? I am a beginner and I am likely to copy 20 lines, but the problem may be outside of them. Either I copy everything, or I give you the link in private. I'm sorry, I can't help myself better than that. This will be the case for most users with little experience on this site. The others no longer ask, because they feel offended. Link to comment Share on other sites More sharing options...
dsonesuk Posted June 8, 2021 Share Posted June 8, 2021 (edited) You wanted a long menu text to not wrap and make the menu text container adjust to width of text content. That is exactly what you get! YOU CANNOT USE A FIXED WIDTH, THAT IS WHY WE REMOVED IT AND REPLACED WITH MIN-WIDTH. Your code still uses IN several places I might add, a fixed width, with overflow: hidden; So if text extends beyond fixed width, the text will be clipped by using overflow: hidden. That is NOT! issue with my css, the issue is fixed width is still used. FIXED WIDTH(width: 250px;) BAD. MIN WIDTH (min-width: 250px;) GOOD! and seriously, do you really need the font size and weight to be that humongous. Edited June 8, 2021 by dsonesuk Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 9, 2021 Author Share Posted June 9, 2021 14 hours ago, dsonesuk said: and seriously, do you really need the font size and weight to be that humongous. For the WCAG and my eyes, they are fine. =) 14 hours ago, dsonesuk said: MIN WIDTH (min-width: 250px;) GOOD! So, the value to put is 250px? I had previously asked what to put with min-width .. Link to comment Share on other sites More sharing options...
dsonesuk Posted June 9, 2021 Share Posted June 9, 2021 No! that was a figure from out of the air. You mentioned a fixed width that you used before, use that if you like, its not my decision. Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 10, 2021 Author Share Posted June 10, 2021 The solution works on the menu. Thank you. But now let's go back to the initial question; the language menu. I wrote; .selected .nturl { white-space: nowrap !important; min-width: auto !important; } Unfortunately it has no effect here. Link to comment Share on other sites More sharing options...
dsonesuk Posted June 10, 2021 Share Posted June 10, 2021 min-width: is wrong that value will never work and if you haven't bothered to remove any width properties that restrict the width from being responsive, surprise surprise, still won't work. Link to comment Share on other sites More sharing options...
Il Domandatore Posted June 10, 2021 Author Share Posted June 10, 2021 Knowledge of CSS is limited. How do I remove the width via Wordpress theme? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now