PerfectCaptureBooth

Fixed thank you!

That worked thank you!

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>

Having the same issue, following for update

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>

Thanks a ton @creedon ! This fixed it!

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?

Solved it all! Thanks!

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>

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>

Yes I ended up doing that

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!

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>

Did you ever fully solve this? I have english and spanish pages and I just realized I have the same issue out of nowhere

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>