hello_studiofrey

@tuanphan any luck in finding the solution?

@tuanphan thank you very much!

@tuanphan the logo is not visible on the homepage but it's visible on all the other subpages

@tuanphan here is a test page with original image: https://dreisicht.squarespace.com/home-2 (pw: SF2024) thank you!

Thank you for the code @tuanphan, now the picture is not centred but it only shows the top of the image. Please see the screenshot attached. For now I "fixed" it by cropping the image into square format but it would be great if there's some adjustment in the code possible so that it always takes the middle part of the image. I know you can adjust this normally in the edit mode but I tried it and it doesn't work.

Thank you @tuanphan, we managed to adjust the code ourselves and now everything works perfectly. The only problem is, that in the mobile version, the logo is not clickable, therefore it doesn't lead a visitor to the homepage. This only works on desktop. Could you please help us with that?

Thank you very much @tuanphan the code works well but it has one issue, the code will stretch my left photo wide. Please see the screenshots below of the picture without the code and after inserting the code. How can I fix this? Thanks!

Hi @tuanphan I have several Squarespace websites, that are connected with Weglot where the language selector is shown in the navigation on mobile. Please find some examples attached. The simplest version like "Elysia Living" is the nicest. Thank you for your help Sibylle

Hi @tuanphan Thanks, it's showing now but not correctly. The best would be if it is added below the navigation when opening the MENU button. If that is not possible, please help me to align it nicely with correct distance to the MENU button and on the same height. Thank you!!

Thank you @tuanphan This works perfectly. Many thanks. The only thing still not visible on mobile is the language switcher?! How can I make it visible? On desktop you can see the two languages, on mobile you can't. Thank you Sibylle

Hi @tuanphan I tried, but the problem is still there. I will attach you some screenshots. - MENU is not fully visible on subpages on mobile - language selection not shown in navigation on mobile Thank you very much for your help. Sibylle

Hello @Ziggy thank you but unfortunately the code is not working. I'm sharing you all of the code that we have on the website, could you please check what could be blocking this? We tried many things but unfortunately nothing seemed to solve the problem. /* Show burger menu */ .header-burger { display: flex !important; align-items: center; } /* Show logo on all pages */ .header-title-nav-wrapper { display: block !important; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 10; visibility: visible; } /* Background colour menu */ .site-wrapper .header-menu .header-menu-bg { background-color: #9CBEE4 !important; } /* MENU */ .burger-inner { display: none !important; } .burger--active:after { content: 'CLOSE ' !important; font-size: 18px; color: #fff !important; font-family: 'CommutersSans'; padding-left: 10px !important; } .burger:after { content: ' MENU'; font-family: 'CommutersSans'; font-size: 18px; color: #fff !important; padding-left: 10px !important; } .header-menu-nav-item { height: 10vh !important; } //*Hiding Language Switch inside Burger Menu*// nav.header-menu-nav-list .language-picker { visibility: hidden; } /* Language Switch outside of the Burger Menu */ .header-display-desktop { display: absolute !important; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; z-index: 0; } /* Show logo */ .header-title-nav-wrapper, .header-burger { display: block !important; } .header-display-desktop .header-actions.header-actions--right { display: block !important; padding-top: 35px !important; } .header-display-desktop div#multilingual-language-picker-desktop { margin-right: 10px; font-family: 'CommutersSans'; font-size: 16px; } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-title-nav-wrapper { flex: 1 0 calc(100% - 150px) !important; } } .homepage .header-title-nav-wrapper { visibility:hidden; }

Hi @Ziggy Thank you very much. I added the code, but the multilingual options are still not showing on mobile and on subpages the navigation is hidden. Should I exchange the new code with an existing one? I would also prefer to show the navigation "MENU" (on mobile) on the right side, same as on the desktop version. Thank you. MARK AS SOLUTION Thanks for your help. Sibylle

Hi @Ziggy Sorry, I forgot the link. Here you go: https://www.maxzuber.ch/ The navigation "MENU" is on mobile view shown differently at homepage and subpages. On home, it should be on the right side and on the subpages it is cut off on the right. Thank you very much Sibylle

@tuanphan any feedback on a mentioned code? thank you