Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'menu'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 250 results

  1. I designed a one-page website, the page will scroll down when you click the selected item in the top of the menu bar in desktop mode. The Problem is that in mobile mode( will change to hamburger menu), even when I clicked the selected item, the menu panel doesn't go away due to the one-page design which won't reload the page.
  2. Hey all, Just thought I'd share my little hack to create navigation on a group of subpages belonging to the same folder in the main navigation. Disclaimer: This was done in somewhat of a hurry, and I haven't used jQuery in a long time, so there's likely a more efficient way to code it. If you know or come up with a better way, please do share it! The way to use this, is simply by creating a folder in the main navigation with pages in it. Then on each page, using the code block, insert a DIV with the ID "pageMenu". Then add the code below using code injection to all pages (Settings > Advanced > Code Injection) in either the Header or Footer, making sure to replace "yourdomain" with – you guessed it, your domain 😉 The code first checks if a DIV with ID "pageMenu" exists on the page currently being viewed. If it doesn't, the code won't run. If it does exist, the code then looks through all Main Navigation folders for a match between the current page url and links inside those folders. If one is found, that parent folder's code and all the links inside it (basically a UL list) will be appended to the DIV with ID "pageMenu". All you need to do then is style it using some custom CSS. Also, I wanted to make it possible for the guy responsible for the content on this site to hide any folders with subpage menus on its pages. So to do that, using this code, all he needs to do is name the folders "Foo" (feel free to change this). If you do this, chances are you might want to also hide the folder name from the new page menu, which the code below also does. FYI 1: Of course no code is actually moved, as you can see by viewing source on the resulting page, the page only acts as if it was. FYI 2: You may need to tweak the selectors a bit depending on which template you are using, since not all main navigation menus are constructed the same way. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //Move Main Nav folder where current page is a child to wherever an object with ID "pageMenu" is placed manually on page if ($("#pageMenu").length){ //Get current page url without domain var canonical = $('link[rel="canonical"]').attr('href'); var pageurl = canonical.replace('https://www.yourdomain.com', ''); //Find menu in Main Nav that contains a link matching the url of current page and get its HTML content into a variable var mainmenuFolder = $(".main-nav .folder-parent a").filter( function(index) { return $(this).attr("href") === pageurl; return false;} ).closest("div.folder-parent").get(0).outerHTML; //Append the Main Nav folder found to the #pageMenu object $("#pageMenu").append(mainmenuFolder); //Hide the Parent Folder link in the newly created Page Menu $("#pageMenu .folder-parent a:first").hide(); } //Hide all Parent Folders in Main Nav if they're named "Foo" $(".main-nav span").filter(function(index) { return $(this).text() === "Foo";}).parent().hide(); }); </script>
  3. Hi, How can I adjust padding of the navigation on the menu? screen attached: https://imgur.com/FX8LdFl website:https://marigold-onion-dm3a.squarespace.comPassword: Campcamp1 @tuanphan Regards
  4. Hi, How can I do this? (screen attached) https://imgur.com/AT5fMXr website: https://marigold-onion-dm3a.squarespace.comPassword: Campcamp1 @tuanphan Regards
  5. Hi, How could I apply these changes (screen attached): https://imgur.com/1HUDe40 website: https://marigold-onion-dm3a.squarespace.com
  6. Hi y'all. I'm trying to create a mini-menu on one of my pages. Basically I have four text links next to each other on a textblock. I'd like to know how to keep them evenly spaced and prevent vertical stacking when viewed on tablet and mobile? Attached is a screenshot of the desktop view. It seems fairly simple, but I can't figure it out.
  7. Hi, folks - I'm building a site using a Brine child theme. I wanted to make my folder links in my topline nav link to pages (which should be easy to do!) and found that several folks had crafted solutions to this, so that's great! I went with the simple HTML workaround described here, and it's working great. However: I then noticed that on mobile, the folders I've added links to don't expand — they just go to the page I've linked to. (For example: say I have a folder called "Projects." I renamed that folder < a href="/projects" > Projects < /a > ...so that it now links to my "all projects" landing page. On desktop, a user could either mouse over "Projects" to see a list of projects, or click on "Projects" to go to that landing page. However, on mobile, the user can only tap "Projects," which takes you straight to the landing page, and doesn't allow you to see the list of projects that appear in the dropdown on desktop.) My question, then: is there a workaround to make a folder link on desktop but NOT on mobile? I know there are some Javascript-based solutions to the "add a link to your folder" issue (e.g. https://answers.squarespace.com/questions/23951/can-i-link-a-folder-to-a-specific-page.html). Since, well, I'm a complete Javascript noob: is there anything like a @media query for JS? i.e. could I modify that script to say, "if we're collapsed for mobile view, no link!" — or might there be any other ways to address this? Thanks, all!
  8. I have an option in my menu that I want to be styled differently to the other options. Is it possible to do this or can you only style all of the options as one?
  9. How can I change the font in the dropdown menu in the ordering process when selecting variants?
  10. Hi Im hoping to use the burger menu on desktop instead of a type menu on the York Template. I have tried a few solutions for other templates but they havent worked. Any ideas? thanks Bobby
  11. My header and menu don't show up on non-homepage pages on my blog. What's causing this issue and how do I fix it? Thanks in advance for the help!
  12. Hi, Im wondering if anyone can help me move my logo all the way to the right and my navigation menu all the way to the left? Im using a custom template. Thanks :)
  13. I have a few unlinked pages that I want to use as "landing pages" Meaning that when someone lands there, I don't want there to be any links back to the rest of my site. I have been able to remove the navigation menu from the desktop version of the page using the code shown in the attached file screenshot68. But as shown in screenshot66, it still shows up in the mobile view. I have tried several ways to disable the menu showing in the mobile view, but none have worked so far. I've also noticed that the footer navigation needs to be removed also. So any advice on that would also be greatly appreciated! I am using the "Maple" template and the landing page in question is located at https://tmphotographync.com/real-estate Thanks for your help in advance!
  14. Real deal breaker for me, can somebody help me? If this is impossible, is there a template that does this?
  15. I have seen several responses related to replacing the Hamburger symbol with "Menu" text in some templates but have not seen one yet that works with the Jasper template. @Paul2009 seems to have figured it out for some people. Would be great if anyone could provide a solution. Thank You.
  16. I'm using Julia template for a wedding website. I've only got three items in the top navigation bar but when these are viewed on a tablet in portrait mode, the last items drops down/wraps really awkwardly. i think it's because the thin lines at each side of the Nav bar are too wide but I can't find a way to shorten them and edit them to stop this happening. Any ideas? Attached are pics of both landscape and portrait mode.
  17. I'm sure there is some custom CSS that will do it but I just want to remove the mobile menu button at the top of the Kent template from my mobile site. I am just using a single page as a landing page with all the information and I do not need the menu at the top since it is empty.
  18. Hey there, on my site I have a folder in the primary navigation that I would like to keep expanded when a user is currently viewing a page listed in that folder. I would like it to behave normally when a user is not currently viewing a page in that folder, aka be collapsed until a user hovers over it. I've tried a lot of fixes and cannot seem to find anything that works. Any leads here would help a lot. I'm using Hatch, part of the Brine family of templates.
  19. is there a specific question i can answer? Do you use the Brine family templates?there are two options for navigation; main nav and secondary nav. both can be hidden or displayed in multiple areas. Looking to display the secondary as a hamburger icon (like mobile) but not the main nav.
  20. Hi, Can someone please help how to create a strikethrough hover on the menu of my website please? A CSS code will help a lot. Thanks,Vitor
  21. The website is based on the Rally template. I want the entire header section - main menu, logo, social icons, etc. - to be on top of any page's topmost banner. I. e. not to be above the banner (like a white stripe that has the main menu and logo) but layered over the banner itself, without any additional background. I've done this before (here https://part-time.bg/) with another website that has the same template but can't find a way to do it now. I'm sure there's some hidden option... I don't mean code - I can't code - I mean a simple, existing option that I can't effing find now.
  22. Wondering if anyone has CSS code to make sure my navigation remains fixed at the top of the browser on PC, as well as mobile. I know there are some out there, but looking for any that have been vetted. Thanks!
  23. Hi all, would anyone be able to write the CSS code (please) so when my website is in mobile view the word 'Menu' (font) is bold and a larger font size please? At this moment it's very faint? Any help you could give it much appreciated.
  24. I am creating a site using the Moksha template. I'm working on optimizing for mobile but can't get the mobile icon (hamburger) to show up. It is displaying the full navigation bar like on desktop but looks very poorly on mobile (see attached). How do I fix this? I want it so that the search icon is in the top right, logo is bigger in the middle, and hamburger menu icon is in the top left. Thanks in advance!
  25. Hamburger menu not working on HOME page. It works fine on all other pages but, when on HOME page, does not reveal navigation page menu but reveals footer.This only happens in mobile or tablet mode.I have removed all code from this page but trouble still exists.Recently added/edited my home page slideshow. Could this have started the problem?H E L P PLEASE@BrandonW
×
×
  • Create New...