BluebirdBirdy Posted September 13, 2021 Share Posted September 13, 2021 Site URL: https://www.bluebirdfoundationinc.org.au Hello, I am setting up a new Members Area on my website (Bedford template). The pages in the members area appear with a Sidebar Navigation panel (as though they are within a folder). Can I use custom code to remove the Sidebar Navigation panel on certain pages only? (see attached screenshot)Thanks for any help you can offer! Link to comment
paul2009 Posted September 13, 2021 Share Posted September 13, 2021 2 hours ago, BluebirdBirdy said: Can I use custom code to remove the Sidebar Navigation panel on certain pages only? You can remove the folder navigation with some CSS. The folder navigation has the unique ID 'folderNav', so setting this to be hidden (display:none) should achieve this. Here's the CSS wrapped in some style tags. You should be able to add this to the Advanced page settings of each page where you want this to be hidden. To find this, click the gear icon next to each page name in the PAGES panel. <style> #folderNav { display: none!important; } </style> Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
BluebirdBirdy Posted September 13, 2021 Author Share Posted September 13, 2021 Thanks Paul - that worked to remove the Sidebar! I really appreciate your help!!! I wonder if you can help with the next issue now... It seems like there is empty space on the right of the page. This is the page content on the main part of the website: Now here it is in the Members Area: Any ideas about how to fix this??? Link to comment
BluebirdBirdy Posted September 15, 2021 Author Share Posted September 15, 2021 Site URL: https://www.bluebirdfoundationinc.org.au I'm trying to set up a Member Area and while I keep hitting issues, I'm persisting for now... The current problem is that the page appears to have empty space on the right hand side. This is what the page looks like on the general site: And this is what the page looks like in the Member Area. I currently have this custom code on the page: <style> #header, #mobile.bar { display: none; } #preFooter { display: none; } #footer { display: none; } #folderNav { display: none!important; } </style> Any ideas about what is going on here and how I can fix it? Link to comment
paul2009 Posted September 15, 2021 Share Posted September 15, 2021 On 9/13/2021 at 11:28 PM, BluebirdBirdy said: It seems like there is empty space on the right of the page...in the Members Area For the community to help, we'll need to have access to the page. If the page is within a Member Area, we'd need you to provide us with a member account so that we can access it. If your issue does not involve custom code (you can temporarily remove your code to confirm this) then I recommend you get in touch with Squarespace Customer Care. They'll have full access to your site and should be able to help you to troubleshoot this. You can reach out to them here. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
BluebirdBirdy Posted September 15, 2021 Author Share Posted September 15, 2021 Thanks Paul, The page is https://www.bluebirdfoundationinc.org.au/singinglinks-l1-copy You can log in using: email = bronlawson@bluebirdfoundationinc.org.au password = pleasehelp You can compare it with virtually the same page content on the main site at https://www.bluebirdfoundationinc.org.au/singinglinks-l1 (password = Sing1) The one change to the CSS on this Members Area page is the folderNav code you gave me above. I tried removing all of the custom code to see if that fixed the issue. The blank space on the right did indeed disappear but of course all the other elements that I want to get rid of (main site header, prefooter, footer and folder navigation) were all back which may just have confused the issue for me. As you can tell, I do not know anything about CSS and have pieced this together from google searches and forum questions... I'm clearly completely out of my depth!!! 😫 Link to comment
paul2009 Posted September 15, 2021 Share Posted September 15, 2021 Add this within the style tags on the affected page(s) and let me know how you get on: .collection-type-page:not(.hide-page-sidebar) #folderNav+#content { width: 100%; } Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
BluebirdBirdy Posted September 15, 2021 Author Share Posted September 15, 2021 Thank you!!! That has solved the issue. I really appreciate your help! Link to comment
BluebirdBirdy Posted September 16, 2021 Author Share Posted September 16, 2021 OK. Next problem... The page is https://www.bluebirdfoundationinc.org.au/aboutsinginglinks-l1-copy You can log in to the Members Area using: email = bronlawson@bluebirdfoundationinc.org.au password = pleasehelp You can compare it with virtually the same page content on the main site at https://www.bluebirdfoundationinc.org.au/aboutsinginglinks-l1 (password = Sing1) I would like to use the Sidebar Folder navigation for this page (and the others listed on the page on the main site) but I DON'T want to show every page in the Members Area. Is there a way to remove the first five pages from the Sidebar navigation? Link to comment
tuanphan Posted September 19, 2021 Share Posted September 19, 2021 On 9/16/2021 at 2:28 PM, BluebirdBirdy said: OK. Next problem... The page is https://www.bluebirdfoundationinc.org.au/aboutsinginglinks-l1-copy You can log in to the Members Area using: email = bronlawson@bluebirdfoundationinc.org.au password = pleasehelp You can compare it with virtually the same page content on the main site at https://www.bluebirdfoundationinc.org.au/aboutsinginglinks-l1 (password = Sing1) I would like to use the Sidebar Folder navigation for this page (and the others listed on the page on the main site) but I DON'T want to show every page in the Members Area. Is there a way to remove the first five pages from the Sidebar navigation? Have you solved it yet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
BluebirdBirdy Posted September 20, 2021 Author Share Posted September 20, 2021 16 hours ago, tuanphan said: Have you solved it yet? Thanks for solving the issue over on my other post! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.