Claude

So easy! Perfect, thank you!

Hi! I‘ve tried every code in here but there‘s always something not quite ok (not centered, hamburger position not ok, etc.). The latest one being: nav.header-nav-list { flex-wrap: nowrap; position: absolute; left: 50%; transform: translateX(-50%); } With this the navigation bar does not fit into the header anymore. See screenshot from my iPad (i‘ve removed the code again). Can you please help me? My URL is: https://www.claudeflaig.ch Thanks in advance! Claude

Update: www.mindfultech.ch is now redirecting to claudeflaig.ch/tech. I did not use the masked redirect option because the paths would be lost. So the minimum requirements are met. Best case was not possible...

ok, thank you ziggy - i initiated the transfer to godaddy now...

Thank you Ziggy for your suggestion. I just tried to transfer my domain to Google. Unfortunately Google also does not support .ch domains. Any other domain hoster you would recommend?

Hi there, I have 2 domains. The first one (claudeflaig.ch) is already setup as i need it. Now I have a secondary domain mindfultechnology.ch that i need to point to claudeflaig.ch/tech. Can I do this somehow with specific DNS entries or so? My registrar does not allow this without having a webhosting on their server. I tried to transfer the domain to Squarespace. But Squarespace does not allow .ch domains to be transfered. Best case would be that after the redirection the secondary domain would still be active including the path: mindfultechnology.ch/tech If this is not possible with Squarespace, is there a registrar that you know of that would make this possible? Any help is appreciated! Thank you! Cheers, Claude

Thank works perfectly. Thank you so much Creedon!

Hello! I used the code from above to divide my page into 2 areas. In area1 (pass=schnufe) all nav items from area2 are hidden (and the other way around). My Code for area2 (pass=schnufe) looks like this - inserted with PAGE HEADER CODE INJECTION: <style> /* desktop hide nav items */ .header-nav-item:nth-of-type( 1 ), .header-nav-item:nth-of-type( 2 ), .header-nav-item:nth-of-type( 3 ), .header-nav-item:nth-of-type( 4 ), /* mobile hide nav items */ .header-menu-nav-item:nth-of-type( 1 ), .header-menu-nav-item:nth-of-type( 2 ), .header-menu-nav-item:nth-of-type( 3 ), .header-menu-nav-item:nth-of-type( 4 ) { display: none; } </style> On desktop it works perfectly. On mobile though in area2 the 4 first submenus (items that are nested in the folder "Angebot") are hidden too including the "back" item. See attached screenshot. Is there any way to only hide main nav items but still display all submenu items? I've read above that "a little jQuery could help us target links by their href attributes". Maybe this would be a better way? Unfortunately i don't know jQuery at all. Help is very much appreciated. Thank you!