Jump to content

AmoryLujo

Member
  • Posts

    24
  • Joined

  • Last visited

Everything posted by AmoryLujo

  1. Yep, it does seem a way to make manual translation more difficult for you and force you to pay Weglot.
  2. 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
  3. 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
  4. 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
  5. 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
  6. Hello jpeter Please could you help me center them again without changing the size? Thank you very much
  7. 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
  8. 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
  9. 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.
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. Can this code be applied to all buttons of this page? with proper Id Block and limiting the maximum and minimum size?
  16. Hello Ziggy: What about this code but with the right Id Block for my site? or wraping somehow the buttons? /* Center gallery grid */ #collection-5ffcba34e5c841429342164d .gallery-grid--layout-grid .gallery-grid-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; } Dou you think it could work? Hard to accept that you can't center objects with an odd number of columns 😭 Can I add more than 8 columns in the mobile view? Replacing the buttons "using text links and adding some simple CSS to style them" Would it help to center the 3 elements horizontally? Thank you
  17. Bravo, it worked perfect for the background. I'll do different tests with the buttons and be back. Thank you very much
  18. Good morning Ziggy, again, thank you very much for the help. Rather than changing the design of the page, I am looking for a CSS code (or another option) that centers the buttons, since you can see that they fit horizontally of that size in the width of the screens. There must be a code to center that line. I couldn't find a way to write one where the block ids are identified or something like that. Thanks
  19. Good morning Ziggy, first of all, thank you very much for the help. My main concern is the white stripe you see under the background video when you decrease the size. Thanks for the information about the buttons, I will investigate options
  20. Hello, I have the same problem with some complexity. I made a new topic with the details: Please tuanphan can you take a look? Thanks in advance A&L
  21. 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 Please I need help to center the 3 buttons under the title "SERVICES" on the page, Even worse and more visible in mobile view: Please ask me any detail I may not have been able to explain. I´ll greatly appreciate any help you can bring. Thanks A&L
  22. 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 All of this only to create a homepage with 2 titles and 5 buttons. Now, I have an issue with the auto-scaling elements´ sizes of the new homepage. How can I disable the resize command to avoid this to happens: - Desktop 1920/1080 Full screen view: - Desktop 1920/1080 3/4 screen - Still no Resize - OK Desktop 1920/1080 Half screen size view - Error (Horror) Here on MacBook 13´´ We need kind of the same resize method to the old landing cover in 7.0 www.amorylujo.com but where you can't place more than 1 title or 2 buttons. Please ask me any detail I may not have been able to explain. We would greatly appreciate any help you can provide. Thanks A&L
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.