JonathanK Posted January 8, 2020 Share Posted January 8, 2020 Hi, please see attached screenshot. I would like my SHOP menu folder to be in two columns with work for sale on the left (Sand Dunes through Books) and information about the work and additional items on the right (About Our Prints through Give the Gift of Art). Right now it is one long menu. At one point I searched this forum and someone posted custom CSS that broke folders into two columns. You could select which drop-down folder to turn into columns and how many columns. This was a great start but you could not determine WHERE the break occurred, it simply broke it up evenly so if I had more than 3-4 pages the product pages would spill over into the information column and be included on the right instead of the rest of the works on the left. Regardless, the link is now dead for this post and so I can not find the CSS script. Basically: I would like a custom CSS that allows me to always have my work for sale separated from the information about the work and make it manageable to sort related works/locations into columns in the future. Ideally, I would have a mega menu with ways to view collections by popularity, theme, etc. but that seems beyond SquareSpace's capabilities at this point (like so many things...). See second attached. Link to comment
tuanphan Posted January 9, 2020 Share Posted January 9, 2020 Can you share link to your site? or plugin by @paul2009 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
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 51 minutes ago, tuanphan said: Can you share link to your site? or plugin by @paul2009 https://manatee-ladybug-s9eh.squarespace.com/config/pages Not sure if this will work. I have a live landing page right now. Working on the rest of the site in the background. Link to comment
tuanphan Posted January 9, 2020 Share Posted January 9, 2020 5 minutes ago, JonathanK said: https://manatee-ladybug-s9eh.squarespace.com/config/pages Not sure if this will work. I have a live landing page right now. Working on the rest of the site in the background. /config is url for site owner 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
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 8 minutes ago, tuanphan said: /config is url for site owner Okay, sorry. New to SquaresSpace help and SS in general. This is a page with global navigation in question: https://www.jonathanknight.net/sand-dunes-prints Link to comment
tuanphan Posted January 9, 2020 Share Posted January 9, 2020 Add to Home > Design > Custom CSS [href="/shop"]+.Header-nav-folder { column-count: 2; } 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
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 25 minutes ago, tuanphan said: Add to Home > Design > Custom CSS [href="/shop"]+.Header-nav-folder { column-count: 2; } Hi Tuan, did you read my original question?. I don't want just two columns. I want two columns which are split in exactly the right place. I don't want them evenly. I don't want them randomly. Sorry to get annoyed but I spent a great deal of time making the original post as clear as possible and even supplied screenshots and an example of what I want. I want specific pages on the left and specific pages on the right when I split the columns. Can I fake it with blank pages that aren't clickable in the navigation so I push things to the left and right? Can I at least add a horizontal line to separate the columns if it's one long list? Link to comment
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 I want the things in red in one column. I want the things not highlighted in red to be another column underneath the same menu. Link to comment
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 3 hours ago, MelissaHatcher said: In Squarespace backend: Appearance > Menus, just drag n drop the menu items to nest under each other I want them under the same menu but in two columns. I would like to be able to decide where those two columns split. i.e. what items are in column 1 and what items are in column 2. Therefore, tuan's code above does not satisfy my requirements because I have no decision on what drop down items spill over into the second column. Link to comment
tuanphan Posted January 9, 2020 Share Posted January 9, 2020 You can control by adding blank nav items, then use CSS to hide them. 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
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 12 minutes ago, tuanphan said: You can control by adding blank nav items, then use CSS to hide them. Hi Tuan, great. I was thinking that might be the best solution for now. What is the CSS to hide the blank pages? Link to comment
tuanphan Posted January 9, 2020 Share Posted January 9, 2020 4 minutes ago, JonathanK said: Hi Tuan, great. I was thinking that might be the best solution for now. What is the CSS to hide the blank pages? Depends...You need to add nav items first. It will like this (just an example) a[href="/shop"]+.Header-nav-folder a:nth-child(5) with 5 is nav item order 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
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 Just now, tuanphan said: Depends...You need to add nav items first. It will like this (just an example) a[href="/shop"]+.Header-nav-folder a:nth-child(5) with 5 is nav item order That makes perfect sense. Thanks. I understand how the number would work. Link to comment
tuanphan Posted January 9, 2020 Share Posted January 9, 2020 a[href="/shop"]+.Header-nav-folder a:nth-child(5) {display: none;} or this a[href="/shop"]+.Header-nav-folder a:nth-child(5) {visibility: hidden;} maybe visibility will work. 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
JonathanK Posted January 9, 2020 Author Share Posted January 9, 2020 Visibility as hidden seemed to be the best one. I will go with that. It's working great. Thank you! Link to comment
inunzi Posted October 26, 2020 Share Posted October 26, 2020 On 1/9/2020 at 10:31 AM, JonathanK said: Visibility as hidden seemed to be the best one. I will go with that. It's working great. Thank you! Ah I see that you wanted it to look like the menu in the picture below correct? If so that’s what I kind of want as well, if I can think of an idea for it. Link to comment
bryan003 Posted January 20, 2021 Share Posted January 20, 2021 On 1/9/2020 at 10:18 AM, tuanphan said: Add to Home > Design > Custom CSS [href="/shop"]+.Header-nav-folder { column-count: 2; } mine looks like this... how can I make my menu width bigger. thank you Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 On 1/20/2021 at 6:25 PM, bryan003 said: mine looks like this... how can I make my menu width bigger. thank you Can you share site url? We can check easier 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
IMO Posted April 13, 2021 Share Posted April 13, 2021 Hello! How can I do multiple columns (with a title at the top of each column and a "view all" at the bottom) just like in the attached image? Site URL: www.yeaps.com Template: Hayden (7.0) Link to comment
tuanphan Posted April 14, 2021 Share Posted April 14, 2021 17 hours ago, IMO said: Hello! How can I do multiple columns (with a title at the top of each column and a "view all" at the bottom) just like in the attached image? Site URL: www.yeaps.com Template: Hayden (7.0) Hi. Try mega menu plugin. @WillMyers 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
IMO Posted April 14, 2021 Share Posted April 14, 2021 1 hour ago, tuanphan said: Hi. Try mega menu plugin. @WillMyers My site is on 7.0 though; any other workaround available? Link to comment
tuanphan Posted April 14, 2021 Share Posted April 14, 2021 4 hours ago, IMO said: My site is on 7.0 though; any other workaround available? Try mega menu plugin here https://sf.digital/squarespace-extensions 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
IMO Posted April 30, 2021 Share Posted April 30, 2021 On 4/14/2021 at 11:05 PM, tuanphan said: Try mega menu plugin here https://sf.digital/squarespace-extensions Hi, there seems to be no mega meny plugin in that website's selection of plugins. Any other suggestions? Link to comment
tuanphan Posted May 1, 2021 Share Posted May 1, 2021 23 hours ago, IMO said: Hi, there seems to be no mega meny plugin in that website's selection of plugins. Any other suggestions? Do you still provide Mega Menu Plugin anymore? @paul2009 Thank you 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
paul2009 Posted May 1, 2021 Share Posted May 1, 2021 7 hours ago, tuanphan said: Do you still provide Mega Menu Plugin anymore? We don't currently offer a Megamenu solution. 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.