Groei

Thank you @tuanphan!

Site URL: https://www.groei-praktijk.nl/over-lisette-dragt Dear all, When navigating in the menu, there is a drop down menu for 3 folders. For one of those folders (Lisette Dragt) the light grey colour/block in which the text of the drop down is placed is wider than the text itself. 1st picture shows okay drop down: text and box are about equal in width 2nd picture shows not okay drop down: text is far less wide than the width of the drop down menu box Can someone provide me with CSS code to adjust the width of the drop down menu according to the text that is contained in it? Thanks a bunch!!

@tuanphan thank you. Strangely enough it solved itself.. the dropdown was black as can be seen in the screenshots and without adjusting the code, a few days later it was normal again…

Site URL: https://www.groei-praktijk.nl/coach-op-jouw-school I've been using the following custom code for months now: /*kleur dropdown menu*/ .header-nav-folder-content { background: rgba(0,0,0,0.05) !important; } /* underline width */ .header-nav-folder-item a { display: inline-block !important; } /*underline currently active title*/ nav a::after { border-bottom: 0.5px solid #000000; content: ''; display: block; position: relative; width: 0%; } nav a:hover::after, nav .current-menu-item a::after { width: 100%; } However, suddenly the submenu below the title/tab that is active has turned black! How do I fix this? Thanks a lot! Lisette First image attached: how I want it Second image + third image: how it is

Think it worked! I'll try out some other browsers too

Thank you @tuanphan. Worked for the lower lists with "vergoedingen". Not yet for the upper one, with "tarieven". Could you help me out there too? Thanks!

https://www.groei-praktijk.nl/tarieven-en-vergoeding https://www.groei-praktijk.nl/bronnen-inspiratie Also depends on the browser

illustration:

Password of website is Degroeipraktijk

Site URL: https://www.groei-praktijk.nl Dear all, Whenever i've used a "list" with different columns, the columns are unequal in size. If there's just two blocks in a list format, I think it looks messy. I've tried to align them with the spacing in the text block, but that differs for different browsers and so the blocks will still be in nonalignment. Can anyone help me out? How do I make sure that the blocks within the list formats have the same size, regardless of amount of text in the block? thanks!

Thanks a ton! worked out!

The website isn't public yet.. Any way you can provide code without the url?

Hi! My question is about the header/upper menu. I have managed to set the colour to dropdown/submenu as I preferred using this code: .header-nav-folder-content { background: rgba(0,0,0,0.05) !important; } And I have been able to underline the title of the page or subpage that is currently being hovered over with this code: nav a::after { border-bottom: 0.5px solid #000000; content: ''; display: block; position: relative; width: 0%; } nav a:hover::after, nav .current-menu-item a::after { width: 100%; } I would like to tweak the last code a bit, so that only where there is text, there will be a line under it. Now, even if there is just one word, the underline takes the full width of the textbox/of the dropdown menu. See attached screenshot. I would like the line only to be under the action text: "praktische zaken" Thank you in advance!