Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

PerfectCaptureBooth's Achievements

  1. Hi, my site www.perfectcapturebooth.com is multi-lingual and I was previously successful at hiding certain folders with certain pages. But now it seems for mobile, all of the folders are being shown in the menu! These are the codes that I was using, the desktop code still works properly. Mobile isn't working Please help! : <style> /* hide items on desktop */ nav.header-nav-list>div:nth-child(1), nav.header-nav-list>div:nth-child(3), nav.header-nav-list>div:nth-child(4) { display: none; } /* hide items on mobile */ .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(1), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(3), header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(4) { display: none !important; } </style>
  2. Updating, this code is no longer working for mobile, any solution? /* hide items on mobile */ .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(2), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(3) { display: none !important; } </style>
  3. Thanks a ton @creedon ! This fixed it!
  4. Hey, I'm seeing this problem on my Spanish home, locations, contact, and FAQs pages for my site. In the tab it shows <br/> https://www.perfectcapturebooth.com/inicio https://www.perfectcapturebooth.com/ubicaciones https://www.perfectcapturebooth.com/contactenos https://www.perfectcapturebooth.com/faqs-spanish Any clue on why?
  5. Update : So I'm trying this code instead, where I changed the "hide items on mobile " coding completely. And so far, this seems to work correctly. <style> /* hide items on desktop */ nav.header-nav-list>div:nth-child(2), nav.header-nav-list>div:nth-child(3) { display: none; } /* hide items on mobile */ .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(2), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(3) { display: none !important; } </style>
  6. Hey man sorry for barely getting to this! So I tried this code, for the desktop it works, but for mobile nothing is happening at all. Not sure if I'm inputting it wrong or something. This is how I inserted it: <style> /* hide items on desktop */ nav.header-nav-list>div:nth-child(2), nav.header-nav-list>div:nth-child(3) { display: none; } /* hide items on mobile */ [data-folder="root"]>div:first-child>div:nth-child(2), [data-folder="root"]>div:first-child>div:nth-child(3), { display: none; } </style>
  7. Yes! I ended up doing the page collection, and adding a code in the CSS area : //main page remove header and footer #collection-64cc8d43e9b3b21c0a852809{ footer, header{ display: none !important; } } Rather than putting it on the page specific coding. Then I put the buttons into one section, rather than two sections and coding 1 image to stretch across the full page!
  8. Yes, it's perfectcapturebooth.com For English pages, it seems the "Home" and "About Us" are missing on the mobile version menu And on the Spanish pages, it seems "Reserva" and a few other pages seem to go missing. This is the code that Im using : <style> #header .header-nav-item:nth-child(2){ display:none } #header .header-nav-item:nth-child(3){ display:none } </style> <style> @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(2){ display:none } #header .header-menu-nav-item:nth-child(3){ display:none } </style>
  9. Did you ever fully solve this? I have english and spanish pages and I just realized I have the same issue out of nowhere
  10. Hmmm. This is the code I have applied specifically to that page. The top portion to hide the header and footer. Then the rest to apply one consistent image as the full page's background <style> /* Hide All Footer Sections*/ footer, header{ display: none !important; } } @media only screen and (max-width: 768px) { footer { display: none !important; } } .section-border{opacity:0!important} /* Add the image as a background*/ #page{ background-image:url(https://static1.squarespace.com/static/646ee9e3f11e9d11d2e5552b/t/64cb205510b341420b7765dd/1691033686242/Pink+4.png); background-size: cover} /* Make the page section backgrounds transparent */ #page .page-section { background: transparent!important } #page .page-section .section-background { background: transparent !important; } <style>
  • 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.