Search the Community
Showing results for tags 'navigation'.
Found 899 results
-
Site URL: https://www.youngbloodmedia.com.au/ Hi, My site displays fine on desktop but frustratingly the hamburger dropdown menu flashes to white/blank when clicked on mobile. If you click it again you briefly see all the menu links that should be there flash up but then disappear. I've got no clue how to fix this. Can anyone please help me? Thanks! Callum
-
Site URL: https://www.yokomorimoto.com/ I'm trying to figure out how to tweak the horizontal position of the navigation on https://www.yokomorimoto.com/ to give it a little more breathing room from the right hand edge of the page... Any ideas what to add to the custom CSS? Can't seem to figure it out... THANKS!
-
How do I move the hamburger icon from left to right align?
KellyHeard posted a question in Coding and Customization
Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/design/custom-css Hi, I am trying to move the hamburger navigation on my desktop from left align to right align. Can you please help with what css I should use? This is the code I used to put the hamburger icon on the desk top view: .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} Many thanks for your help 🙂 Kelly -
Site URL: https://rectangle-pepper-dnww.squarespace.com/config/pages Hey There, I'm wondering if there is a way of customising the navigation drop down text colour on some pages only, as some pages the text is the same colour as the dropdown background, so you can't see it. it seems to be working okay on most pages, but pages where I use a lighter background image for the header - it doesn't seem to work. Does anyone have any solutions for this? I would be happy to change the background of the dropdown menu on these particular pages that are not visible, if that was a work around. I have attached the URL to the site and provided screenshots below. -
Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
-
Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
-
Site URL: https://www.kacfgala2020.org/sponsorships Hi! Here I am thinking I'm being clever and using anchor links on my homepage navigation, but they don't work on an internal, unlinked page. The client I'm working with wanted to have sponsorship details on an unlinked, internal page. But the anchor links no longer link back to the homepage. Is there a way to have a separate navigation for the internal page that has page links as opposed to anchor links? Are anchor links not the solution to my homepage navigation? Any and all help is always appreciated! Please let me know what you think!
-
Changing size of custom font on navigation - 7.1
KateLewis posted a question in Coding and Customization
Site URL: https://vanilla-sunflower-m9gz.squarespace.com/config/design I have added a custom font to my 7.1 SquareSpace site but the font is too big for the header navigation. How can I make the font smaller? I have tried to add the following code, as found on another forum thread, but it hasn't made any difference. .header-nav-item a { font-size: 10px; Thanks in advance. -
What Is The Code For This Navigation Alternative?
ItsOK posted a question in Coding and Customization
Site URL: https://www.creativejam.in/ Hello Friends, I've come across this website today, realized that it's built in Squarespace, and wondered how I could use a similar navigation system on my own website, ozankarakoc.com. I managed to use the hamburger icon and the overlay menu thanks to the amazingly helpful people here in this forum, but I wonder how I could; adjust the size of the overlay, align it to a side, change the font properties of the text, add additional text below the menu items, and social media links. Any help would be highly appreciated 😉 Thank you! Ozan -
I'm not sure where to put this, so if anyone has a better suggestion, please feel free to let me know. I've not been able to find the answers I need. It's possible I may be missing something in the various plan details. I'm helping with a special project for an art gallery that already has a fairly new basic Squarespace site. They plan to upgrade soon and add a shop for their artists to sell their work online. They do a special event every year, which always had it's own separate & temporary (6 months +/-) website (elsewhere), with a separate domain name. It was hosted together, but not at a DIY web builder. For the upcoming event, they would like to attach itself to the gallery's main site, and use it's shop (once established). But I see a couple potential issues that I'd like to work out in advance. I hope I can explain it properly 1. The event has it's own domain name, which would go directly to that site. I understand that we can use multiple domain names, but would name2. com go to the main site's home page, or can it be set to go directly to the event's home page? 2. The event pages have always been a bit different, in that they use a different logo, and some of the committee likes it more splashy. I don't see a way to change things like navigation and other design elements without it being global across the site. Is that right? Are there ways to work around it? 3. The event site has a number of pages, and as the event progresses, pages are added, pages are removed, content is changed... some committee members like a clear navigation menu right there, as opposed to having all the pages in a submenu of the EVENT. Is navigation global across the site? (One workaround I've considered is hiding the main menu and adding buttons, but this looks bulky and terrible to me). 4. Is it possible to have the two separate websites on one plan? The shop would be shared, it would just have different things in it for a month or so. Thanks in advance for any answers you can give.
-
Site URL: http://www.taupestudios.com Hi everyone, I have a problem with my navbar on mobile. Whenever I scroll back up on my website, the navbar is "sliding" downwards (I would like it to be fix and not move). I have tried injecting this code as suggested by a friend, but nothing happened... Any suggestions? <script> function removeEventListeners(element, listenerMap) { Object.keys(listenerMap).forEach(function (name) { var listeners = listenerMap[name]; listeners.forEach(function (object) { if (name == 'scroll') { element.removeEventListener(name, object.listener); } }); }); } removeEventListeners(window, getEventListeners(window)); </script>
-
Change Colour of Social Icons on Navigation Hover
Nabiloh posted a question in Coding and Customization
Hello SS Community, I am looking for a way to change the colour of social icons on hover in the navigation bar. I am using the template Tremont (7.0) Thank you! -
Adding Borders to Navigation/Header Elements
merakiconceptstudio posted a question in Coding and Customization
Site URL: https://www.buffconceptstore.squarespace.com Help! Looking to create a header navigation like this: https://merchery.co/ I'm close, but struggling to add an appropriately sized border around the menu items (shop/services/cart) and then changing the button to fill that last section. If the latter is too difficult, then happy for it to be contained in a box! Password: hello -
Site URL: https://www.cantatasingers.org Hi there, I have an embed code that I need to add to the navigation. The embed code itself is required because it has some javascript in it that needs to function properly. But it ultimately is just a button I am trying to embed as the last navigation menu item. Is there any way at all to add embeds to the navigation in SS?
-
Site URL: https://stgroup.no Hi, I want to hide my primary or secondary navigation based on which language I select. I am using primary navigation as one language and secondary navigation as another language. I'm currently using the Margot-template. Can anyone help with this? Thank you. pw at site: STG2020
-
How to move the Customer Account Link to Hamburger Menu
ruchitkapoor posted a question in Coding and Customization
Site URL: https://www.thepinkchampa.com/home Is there a way to move the Customer Account Link to the Hamburger Menu ? Currently the Mobile Break Point is set to 3600px so that I can have the Hamburger Menu visible on all platforms. But the Customer Account Link is showing on the header but outside the Hamburger menu. I would like it to show inside that menu. -
How can I make the mobile header same as desktop?
jlama posted a question in Coding and Customization
Site URL: http://www.pantryphilosophy.com I want to remove the grey banner and keep the header as I have it on desktop. -
Site URL: https://mistoa.squarespace.com/ https://mistoa.squarespace.com/tienda/maceta-kaki password: 1234 Hi, I wonder if someone can help me. I'm working on 7.1 and noticed that product navigation varies between desktop and mobile. I have chosen: Product navigation: BOTH and both Prev/Next and Shop> Product appear on the screen (see screenshot). However, only Prev/Next appears on mobile (see screenhot), which is annoying, as it is not easy to go back to shop I appreciate any help. Thanks!
-
Site URL: http://pleasurecontrol.org Hi there Is it possible to get the exact same burger menu from the mobile version to the main site. Already, I know that I will have too many navigation links so if I could hide the links in a burger menu, it would be most preferable. I customized my burger menu icon, so if I could just force that on to the main site it would be perfect.
-
Hi all- I'm currently working on a site where I'd like to edit each individual button, I'm working with squarespace 7.1. Mainly, I'd like to make my header nav button smaller and have it outlined while I have the rest of my buttons filled with color, potentially adding some hovering effects to one in particular. I have some custom CSS I've been using, it works great when I edit, but when I toggle to preview or between different tabs, my header nav button breaks. Any help or tips would be appreciated! My CSS I'm using is below. Thanks! .header-actions-action .btn { padding: 10px 30px; font-size: 12px; color: #4E07E6 !important; background: #fff !important; border-color: violet !important; } .sqs-block-button-element--large:hover {background-color:#4E07E6; color:#fff}
-
Site URL: https://healthcontentcollective.com/ Hey y'all! I'm not a pro at coding, but needed to customize this website's heading to have the logo and navigation next to one another (not an option in the style settings for the Pacific theme). Only now there is a giant gap between 2 of the menu items. I am only using 1 navigation/menu. Below is all of the CSS lines I have. I've been messing around with each of the lines to see if I can fix it by trial and error, but have had no luck. Any insight or possible solutions are greatly appreciated! Thanks! #header #logoWrapper, #header #siteTitleWrapper { position: relative; left: 15%; right: 5%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right !important; } #header #mainNavWrapper .index { margin: 0 0 0 0px !important; text-align: left !important; } #header { position: fixed !important; } #header {background-color: #ffffff !important} header #logoWrapper { position: relative; left: 50%; padding-top: 0; padding-bottom: 0px; } header #mainNavWrapper { position: relative; padding-top: 0px; padding-bottom: 0px; text-align: center; vertical-align: middle; padding-left: 310px; padding-right: 20px } .folder { margin-right: 0 !important; } .collection { margin-left: 25 !important; } @font-face { font-family: 'aquawax'; src: url(https://static1.squarespace.com/static/5cb63e9e01232c410328f7f1/t/5ccc82b43786be0001b9282f/1556906676894/aquawax.woff2/aquawax-Regular.woff2) format('woff2'), url(https://static1.squarespace.com/static/5cb63e9e01232c410328f7f1/t/5ccc82ae4e17b63c9fb58d0f/1556906671146/aquawax.woffRegular.woff) format('woff'); } h1{ font-family: 'aquawax' !important } h2{ font-family: 'aquawax' !important } h3{ font-family: 'aquawax' !important } #intro { background-color: #5aa1ac; } -
Site URL: https://www.jason-taylor.com My dropdown menu works on the homepage, which is a guide to project galleries. When I go into a project gallery though, the menu doesn't drop down and wont guide people to another one. They would first have to go back to the homepage and then navigate to a secondary gallery. Is there a fix for this?
-
Site URL: https://trumpet-green-srzy.squarespace.com/config/pages Hi there, I'm looking to change the action navigation on my cover page, it currently sits in the centre of the page so I'd either like it to be a dropdown hamburger menu (like the rest of the website) or if this isn't possible, just move the list to the top of the screen below the logo (although for mobile, the dropdown might be essential). Is it possible to inject a code for this for the cover page only? See cover page (mobile and desktop) screenshots and standard page with hamburger menu screenshot. Best, Nick
-
Site URL: https://www.commun.space/ Hey, I really need a navigation side bar to link my content on a specific page of my site. Is there a way to do this in 7.1? Thanks!!
-
Site URL: http://theaveryb.com With my web site design 7.1 present mobile navigation looks like absolute garbage lol, so I would love to be able to change how navigation appears. I found out that with 7.1 you can't change nav with out custom CSS (ugh), this was something within 7.0 with picking different templates. How annoying! Does anyone have custom css that would work around this? See the video below on how (1st) my nav appears, and (2nd) how I would like my nav to appear on mobile. THANK YOU THANK YOU! (I can send pw to my site if needed its private right now) RPReplay_Final1595289323.MP4
