AmoryLujo

Yep, it does seem a way to make manual translation more difficult for you and force you to pay Weglot.

Hello tuanphan, l really appreciate your effort and support. I´ll assume this is the best look we are going to achieve with the design we want. Again thank you very much all who participate helping us A&L

Hello tuanphan This is the landing that we want to have on our website: www.amorylujoser.com Is it possible to achieve in Squarespace? We try to spread the website as little as possible between hosting servers. But it seems that our best option will be to have our "Cover" Landing page hosted in Wix. Is this unfortunately true? Thank you very much A&L

Worked great for me too. Mobil & Desktop (Android & Windows). Just hopping it still work on any browser and system. Inserted the code on footer and changed "https://beaverhero.com" for mine. Thanks benny25 for sharing and tuanphan for the help A&L A&L

Hello tuanphan Well, the original idea was that the 3 buttons were on the same horizontal line. We would much prefer to be able to have the 3 buttons on the same horizontal line with the code you offered. I was forced to put them vertically because I couldn't center them in 1 line horizontally and I still can't align that column centered in the middle. I think I need to identify the block IDs of this code that jpeter provided me: If it is definitely not possible in Squarspace to have 3 buttons of that size aligned in the center horizontally for the mobile view. Thank you very much

Anyone?

Hello jpeter Please could you help me center them again without changing the size? Thank you very much

Yes please, whatever might work I can try. I'm doing field work until next Tuesday, that's when I can continue working on the page. Thank you so much

Good morning Tuanphan, First of all, thank you very much for your help. The one you provided me <style> div.header-nav-item:nth-child(-n+6) { display: none; } [data-folder="root"]>div:first-child>div:first-child>div:nth-child(-n+6) { display: none; } </style> in this other topic worked perfectly. I hope it's not too much to ask, if you can give us your opinion in this other problem I´m having on my site. Your opinion is greatly valued. A&L

Good morning Tuanphan, It worked perfect. I passed it on each page of English and that's it. Bravo once again and thank you for all your help. I hope it's not too much to ask of you if you can give us your opinion in this other problem I´m having on my site. Your opinion is greatly valued.

Good morning jpeter, Unfortunately it seems to be my only option. I just learned that it still doesn't help to correctly configure only the 2 views (desktop and mobile) of SquareSpace so that it appears correctly. It will still look bad in other formats. I am really disappointed with SquareSpace. I find it so hard to believe that it is not possible to achieve something so extremely simple on this platform. And so easy to do https://www.amorylujoser.com/landing I wasted too much time and effort to still not achieve what I'm looking for. jpeter / Ziggy Thank you very much for your time and effort. Any other opinion or contribution will be greatly appreciated. A&L

Hello, I've been migrating my site from 7.0 www.amorylujo.com to 7.1 for a month. This is the result: https://amorylujo.squarespace.com/ Password: Amor To create the multilingual site I used this code to hide the pages´links in one language or the other @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} But I get this problem: the 2 links that are inside the "Films" folder are not displayed but only in the mobile view and only browsing in English language. On Mobile Spanish browsing and on Desktop (English and Spanish) they are displayed correctly Here the code I copy/paste for all the English pages: <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} </style> And here for all the Sanish pages: <style> #header .header-nav-item:nth-child(7) {display:none} #header .header-nav-item:nth-child(8) {display:none} #header .header-nav-item:nth-child(9) {display:none} #header .header-nav-item:nth-child(10) {display:none} #header .header-nav-item:nth-child(11) {display:none} #header .header-nav-item:nth-child(12) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(7) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(8) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(9) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(10) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(11) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(12) {display:none}} </style> I figure I need to change something here: @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} Any help is deeply apreciated A&L

Good morning Jpeter, BRAVISIMO!!!. Exactly what I was looking for and I didn't understand why it couldn't be done. Thank you so much. Now the only thing missing for the mobile view is to order the "English" button to maintain its original size (same as the other 2) and NOT to change the size automatically because it reaches the left edge of the screen, as you can see here (this pictures was before I pass your last code). And so we can achieve the desired symmetry. (Current view) Could you help me add this code too? Thank you very much again A&L

Hello Jpeter First let me thank you for your time. I passed your code on the Custom CSS on the Website Tools It look like this: .header-nav-item--active a { color: black !important; background-image: none !important; } .header-nav a:hover{ color: black!important; } .header-nav-folder-item--active .header-nav-folder-item-content { background: none !important; } section[data-section-id="657881e069522a652470efa8"] { min-height: 100vh !important; } /* Adjust "Services" buttons to align with heading */ @media (min-width: 768px) { #block-3050c3c6eb259cb341aa, #block-3fa04d9eacb1867459b5, #block-42aa1aeaabdf5011da55 { transform: translateX(calc(var(--grid-gutter) * -1)); } } But still no horizontal center allignment Am I missing something? Should I pass it on the "inject custom code" of the same homepage like this: <style> /* Adjust "Services" buttons to align with heading */ @media (min-width: 768px) { #block-3050c3c6eb259cb341aa, #block-3fa04d9eacb1867459b5, #block-42aa1aeaabdf5011da55 { transform: translateX(calc(var(--grid-gutter) * -1)); } } </style> Thank you very much A&L

Hello everyone. Same problem, the 2 links that are inside the "Films" folder are not displayed but only in the mobile view and only browsing in English language. On Mobil Spanish browsing and on Desktop (English and Spanish) they are displayed correctly Here the site: https://amorylujo.squarespace.com/ Password: Amor And here the code I copy/paste for the English pages <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} </style> Is the same Issue: Shoul I change this @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} Whit something like this: @media screen and (max-width:1511px){#header nav>div:first-child .header-menu-nav-item:nth-child(6) {display:none}} Any possible help will be greatly appreciated. A&L