Search the Community
Showing results for tags 'navigation'.
-
Site URL: https://hen-rust-2rf6.squarespace.com/ Hello, I'm hoping someone here may be able to help me figure out the custom CSS that I need to change the issue I'm having with my current site design. I have a folder in my header navigation titled "Reservations" that when hovered over, the drop down menu is approximately twice as wide as the page titles that drop down below the folder. I'll attach a screenshot for reference. In a perfect world, I'd like the drop down to only be as wide as the widest title of the page within the folder with a small amount of padding on either side, -
Line break in Brine Collection Navigation Menu
Thepenfold posted a question in Coding and Customization
Site URL: http://www.houseofgrey.co.uk Hello, I was wondering if there was a way of adding a line break to the Collection Nav item in Brine (this is the large overlay/rollover navigation on the landing page of Brine). I can isolate different menu items and alter their styling but can't find a successful way of forcing an element to stay on it's own line. For instance on the current live site, if 'Store' Could always be on its own line underneath the rest of the navigation. I have a few janky workarounds like restricting the resizing of the text and the size of the container to pixe -
Site URL: http://esbyphotos.com/galleries/portraits I am looking to remove the navigation links that are at the bottom of each of my portfolio pages. I already have custom buttons that I added to the bottom of each page and I don't want the arrow links to either side that is currently at the bottom.
-
Hi, Can someone please tell me how to adjust the opacity of gallery background you can see in the attachment? Also, is it possible to move the naviagation to the top of my site rather it being in the footer? Thanks Steve
-
Site URL: https://jakejensen.squarespace.com/config/pages I was just wondering how I could line up my menu items to be closer to the logo in the middle instead of to the edges of the screen. Since I've already done all that I can to make sure they are on the same line, I will need to use some CSS. I would need the left block of menu items to float right and the right block of menu items to float left. I don't even know what the menu items are listed in the CSS so I don't know how to tell it to float a certain way. I will include pictures of what I mean. Would anyone know how to do this?
-
I'm using Squarespace 7.1 is there any way to make just the header navigation button to the"outline" style without changing the rest of the buttons? There's not an option for it in header button so I'm wondering if it has to be CSS. Something like: .header-actions-action .btn { style: outline !important; } Although, this CSS doesn't work of course 🤦♂️ Thanks!
-
Clickable desktop header navigation folders (7.1)
BGilbertson posted a question in Coding and Customization
Hello, I would like my header navigation folders to be clickable and to land on a contents page with a list of pages in that folder. Multiple folders (~5), each with (~3) pages in them. I've read a few things around and the CSS code I have seen to do it seems overly complex. Any thoughts on how to approach this? Kindly, Bryn -
Site URL: http://a-b-c.org Hi there, On our non-profit's website (www.a-b-c.org), we wanted "donate" and "ABC Store" to appear in blue bubbles on the navigation bar to be more attention-grabbing. I used a custom CSS code I found online #mainNavWrapper .folder-toggle[data-href="/donate-1"] { background: #11a2e3; color: #ffffff; padding: 15px !important; border-radius: 30px; } This works when I have the browser on full size, but it doesn't work when the navigation menu is collapsed under a hamburger/ on mobile view. I'm attaching a screenshot that shows the donate folder d -
Hi there, @tuanphan I have used both of the code below to make my header transparent, but it's only working on the homepage. How can I make it so the header is transparent on all pages? Currently when I scroll on my inner pages, the block colour behind my logo and nav is still there. Image attached. /* homepage header transparent */ .homepage header#header { background: transparent; } /* Home transparent */ body.homepage .header-announcement-bar-wrapper, body.homepage header#header { background: transparent !important; }
-
Hi all, I'm a new user to Squarespace and I'm looking for some help. I want to add a call to action button in my main navigation for the last link (Get Your Invite) I've already tried a bunch of other css codes which have been posted as answers in previous questions before, however they don't seem to work with my Hyde template. My website is - www.varaoptical.com Any suggestions and answers will be highly appreciated, thanks! -
Hey! I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help! https://chameleon-porcupine-c7jc.squarespace.com/ password: 1234
- 70 replies
-
- 1
-
-
- navigation
- hamburger-icon
- (and 2 more)
-
Site URL: https://mango-cylinder-yeyd.squarespace.com/ Hi Everyone, I've designing a new client site with a solid navigation at the top and a background banner image underneath. I've noticed that the image position is not centred correctly in the banner height? Take a look at the Free Resources page and you can see that there is a geometric symbol that should sit in the centre vertically, but it's not. I think that by default the banner images are set to fill the height including the navigation section and this is fine for most images, but when there is an important element th
-
Site URL: https://tarantula-quillfish-w6xe.squarespace.com/ The navigation in the header moves to two lines even though there is room on the page when the page gets smaller. How do I increase the padding so it stays on one line longer? URL: https://tarantula-quillfish-w6xe.squarespace.com/ PW: !GCet0@E#8 Thanks.- 14 replies
-
- 1
-
-
- css
- navigation
- (and 1 more)
-
Site URL: https://wisteria-wolf-bl47.squarespace.com/meal-plan-app I am trying to make it so you are able to quickly navigate to different content on a page using sub nav. I have added sub navigation to the page but I can't figure out how to link to different parts of the same page. Does anyone know how I might be able to link to page content rather than other pages on my site? Password for site: portfolio
-
How to hide specific navigation items on 7.0?
MiguelFerrao posted a question in Coding and Customization
Site URL: https://www.musaparadisiaca.net/about Hi there. I am aware that this is a common issue, even though, I couldn't find any CSS solution to it concerning version 7.0. I know the solution for version 7.1 but, that version comes with different issues concerning customisation. Could someone please help me with a CSS solution for hiding specific navigation items with the purpose of creating a bilingual website? It is absurd that this option is no longer available on styles from scratch. Thanks a lot for your time! -
Site URL: https://www.nickdavid.co.uk/ Hi, I am having an issue with a custom code. This code is supposed to give me the option to add social icons to the top main navigation bar. The code works well, but with one issue when making the icons open in a new tab. When navigating back to the original Site, the clicked icon is marked with a dotted squared. It disappears again when clicking on other parts of the site. But would like to know if there are any way to remove. I have attached images for example! Here is the code that is injected in the header: <meta name= -
Hide Nav Items on desktop only (or Show on Mobile Only)
truckingitup posted a question in Coding and Customization
Site URL: https://pletttruckrepair.ca/ I would like to have 2 phone numbers linked in the main navigation menu only on mobile, not on desktop. I would like desktop navigation menu to remain exactly as it is. Most answers for this type of thing are using collection id, but from what I understand that only works with pages not with external links (phone numbers in this case). SS 7.0 Bedford theme Any help would be much appreciated. @tuanphan (looks like you have provided solutions to very similar questions) -
How can I make a nav page show ONLY on mobile (Wells template)?
jgo posted a question in Coding and Customization
Site URL: https://www.jordangraceowens.com Hello, I'm trying to create a link and page in the secondary navigation that are hidden on desktop but show on mobile. Thanks for any help! -
Site URL: https://rootworks2021.squarespace.com I'm trying to change the button on my nav to an outlined button. https://rootworks2021.squarespace.com
-
How to hide folder items in mobile navigation (Wells template)?
jgo posted a question in Coding and Customization
Site URL: https://www.jordangraceowens.com Hello! I have navigation links nested inside a folder, and I'm trying to hide them on mobile. They're hidden on desktop (until you click) but everything shows up on mobile. I've tried searching for custom CSS but haven't had luck with anything. Thanks for any help! -
Site URL: https://www.nickdavid.co.uk/ Hi, I just recently followed this guide to add social icons to the top navigation bar. https://christyprice.com/squarespace-tips-tricks/how-to-add-social-media-icons-to-squarespace-navigation Using this code from fontawsome: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> With this link in navigation meny it worked out great to add the icons to the top menu navigation bar.. <
-
Site URL: https://arugula-orange-5eeb.squarespace.com/ I want to add some text that says 'Login' next to the 'Get Started' CTA button in the header, but I'm not sure how to add a second item to the .header-actions--right class. Here's what the site currently looks like: And here's what I want to add (see top right, just added the 'login' text in Preview on Mac). This text should link to an external URL: I can DM you the login info if you need to look at the site. Thank you for the help in advance! - Tim
-
Site URL: https://wisteria-wolf-bl47.squarespace.com/meal-plan-app I am trying to make it so you are able to quickly navigate to different content on a page using sub nav. I have added sub navigation to the page but I can't figure out how to link to different parts of the same page. Does anyone know how I might be able to link to page content rather than other pages on my site? Password for site: portfolio
-
Site URL: https://tangerine-crane-czyb.squarespace.com Hi all, I have a coding question I'd like to submit. My client wants to create a site for their primary business (called CMF) that includes their sister business (called CSMM). They would like the site to be primarily based on CMF, but to include CSMM and have the relevant pages coloured/themed around that business. So for CMF for example, its a white background site, but for CSMM we will have a dark blue header etc. They would also like the CSMM to have their own navigation links, so it has the appearance you are viewing CSMM as i -
Site URL: http://www.driftlessbackroads.photos Is there any way to keep this folder open at all times, so as to show navigation, instead of having to drill down to open every time I switch pages? I would like the Barn Gallery names to show as nested as follows. Thanks.
