Search the Community
Showing results for tags 'navigation'.
Found 272 results
-
What's the code to add a gradient background in the mobile nav menu?
-
code to change navigation text page you are on
moessence posted a question in Coding and Customization
I have a client who wants the color of the navigation text to change based off what page is being viewed. All the text to be blue and then the page you are on to make that navigation link yellow. This will be in the Brine template. I has hoping that there is a code that can be entered in each page? Please let me know if this is doable and if you have some css suggestions and where to place them. Thank you! -
I'm working on a website and there seems to be a problem with the mobile view. It looks like the logo is covering the drop down navigation. When you first go to the site on mobile it doesn't do it but when you refresh and try to use the nav you can't see the pages. She's using the Mojave theme. Viewing on iPhone. URL: modernsocialdetroit.com Does anyone know why this is happening?
-
Hi there, I am looking for some custom CSS to add into the Rally template to freeze my navigation at the top of the screen. Thanks Kelsi
-
Hi all, I was wondering if anyone could help with some css that would make the text bold for the current navigation selection. Thanks in advance!
-
How can I add a button to the navigation (Stella Template)
LizMRod posted a question in Coding and Customization
I am trying to add a call to action button to my site and I am using the Stella template. I tried to find the prop class ID in the source code, but it was a bit confusing for me. -
Hello all, I´m working on a website for a company called Motosumo. We have stumbled upon some problems with our footer that I hope some of you guys might be able to help me with. The problem being that we have added links to other pages of our website, but the styling does not carry over for some of the pages. Our index site has a /reach and /gym sub-page (slugs) where there is a background color on the mainpage that I would like to carry over when pressing the link in the footer. Here is the main page with the background: and here it is sadly without: What I have tried so far is to customize the css for the block, but ofcourse the yui id changes whenever the site is refreshed and it doesnt seem to have a block id or any static id for that matter. It seems as the link generate a random pop-up. so the question is: Is there some way for me to either giving the link a static block id of make sure that the style carries over when pressing the link? I hope this is enough information, as I am not a keen coding expert or web developer. thx in advance /Dennis
-
Brine: Nav to change color after scrolling past Hero
AThompson_social posted a question in Coding and Customization
Hi friends, I am trying to trigger my navigation to change color after scrolling past the hero. Is there a way I can trigger the change by div or pixel? I currently have my nav as a sticky nav and want to keep that. this is what I'm working with. /*sticky nav https://forum.squarespace.com/topic/142732-brinekeene-sticky-navigation/#comment-184292*/ Header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } // fix mobile nav .Mobile-bar--top { position: fixed; top: 0; left: 0; right: 0; background: #173d56; } .Mobile-bar { position: fixed; z-index: 99999; } // move mobile overlay down .Mobile-overlay-menu-main { padding-top: 80px; } any help would be GREATLY APPRECIATED link to site -
I want to put a phone number, and a link above my top navigation. However I do not see any way to do this within the Hayden Template. Does anyone know how to do this with custom code? Here is a screenshot Of what I am trying to accomplish. -
Need logo to link to projects page NOT landing page
Paulskii posted a question in Coding and Customization
Hi all, Link to website: https://www.paulskii.com/ How can I make my logo redirect to the projects page? I am using Forte template (Can this be done using custom CSS and not inject?) -
Navigation background color and portfolio style
coralinart posted a question in Coding and Customization
Hello, I would like to remove the background color from my navigation header but only on some pages. What would be the correct code snippet for it? Is it also possible to make a portfolio grid fullwidth and show a short description under the project title? My website is https://dove-turkey-3mnz.squarespace.com/ Password: cs I use Squarespace 7.1 Thanks for your help! -
I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you! -
Currently social media icons show up in the header with the main navigation. When I select to hide the icon, it doesn't allow me to use the icon anywhere else on the site. I only want these icons to occur in certain pages and not a part of the main navigation. Any ideas of CSS or magic configurations of settings?
-
Harris template - turning navigation links into anchor links
DaImp posted a question in Coding and Customization
Is there any way to turn the template generated navigation links into anchor links? So instead of opening a new page, the site jumps down the page to the anchor link. I am using the Harris template and my client has decided he wants it to be a single page site, without secondary pages. Is there any way I can achieve this? I have currently added text links to the body of the website to act as the navigation and hidden the template generated navigation. Ideally though I want the navigation to be in the navigation bar and not in the site body. link is here: https://koi-tuba-ck62.squarespace.com/ PW: HaefeleSugaree -
Hello lovely people, I'm not very techy so apols if this is a stupid question. On the main navigation on my website (for example the bit in the top right that would say - about us, meet the team, treatments, contact etc) I am using links as the pages don't automatically appear on the navigation. This is fine but I have terrible SEO on google with this site and wonder if this could be a reason why as the rest of the homepage is just a picture really. Am I doing something wrong. Also - one of them says HOME but can I get rid of this as if you press on the logo it goes to Home anyway? And - I appear to have two home pages - the one at the top of the menu tree in Primary Navigation (in the dashboard - Pages), and then one underneath. But if I delete the one underneath then the picture disappears and the website goes funny. Again - is this ok, or is this bad! Thank you in advance!
-
I am relatively new to this and was hoping to make my Homepage a launch page so I want to hide the navigation bar on this page only. Can anyone help me out with this?
-
I am using the Hayden Template. I want to have a navigation within a navigation. Such that when you click a certain page on the top navigation bar the page it takes you to has another navigation on a sidebar to the left. So that all the main pages are still at the top, but once you are in this page you can go to all the subpages. I am attaching a screenshot an image that demonstrates what I want. I am not afraid to mess with custom code, so anything you have to offer really helps. Thanks.
-
Hello i am desperately trying to move my logo to the left (instead of my hamburger icon i would like to click on the logo and the menu drop down) i am using the fulton template. If this is not possible even just to align the logo to the left. I also want the logo to be a different colour on the home page as it is on all the other pages (white on home page black or other colour on the rest) I have been trying for days at my last resort. thank you to anyway who can help -
Hi there, I need some help with CSS code. I have tried to wrap my head around the basics but I am on a tight deadline and was wondering if someone could provide me with the code I need for the customization I want to implement. Here is a link to my website. https://octahedron-marigold-74zw.squarespace.com On my homepage you will see my navigation links are white (due to the dark background). This of course means they must be white on my entire website. I wanted a white background throughout the rest of my website so I had to use a grey header to make the navigation links visible. Please see attached images What I would like is for my homepage to have white navigation links, but the rest of my website to have black navigation links. Please bare in mind that I am a complete dummy to code. Can someone please explain what I would need to do, and the exact piece of code I would need? Any help would be greatly appreciated! Kind regards, Chris Spencer.
-
Hi all, I'm trying to have my navigation items stay on one page. Basically the same concept as the Horizon and Pacific template. I'm currently using Hunter as my template. Can this be achieved on that template? Thanks!
-
Custom Code - Navigation Link Color (1 Item only)
RoundtripTraveler posted a question in Coding and Customization
Hello, I'm using the Five template - I'd like the last item in my navigation menu - 'Gift Guide' - to be in Red font. I'd like all other labels in the Navigation menu to remain in current format. www.roundtriptraveler.com -
Adjusting border on nav bar on anything but landing page
NEWeOffset posted a question in Coding and Customization
Hello everyone, I'm currently working on a site where I've put the call to action button in a pill-shape like this: .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; } The only issue is that on all other pages but the landing page the background is also white! Please can someone help me write a code to have a white border on the landing page, but black on all other pages. Thank you so much in advance -
Greetings from Copenhagen. To get better navigation on the site I'm working on, I need to be able to insert arrows navigation with the text next and previous - It doesn't seem like Squarespace has this as an option. Do any of you know about this or possibly has a CSS code on this
-
Greetings from Copenhagen. To get better navigation on the site I'm working on, I need to be able to insert arrows navigation with the text next and previous - It doesn't seem like Squarespace has this as an option. Do any of you know about this or possibly has a CSS code on this
-
Center Heading & Navigation - using logo as true center
natalienet posted a question in Coding and Customization
I'm using Brine. I have my logo and navigation centered at the top of my site. BUT I'm noticing that it's not centering based on my logo, it's centering based on the total width of the navigation + logo. This is making my logo and navigation look off-centered. How can I make it center from the LOGO, so the logo is always true center? I've attached a screenshot that shows my header + nav settings and the awkward not-centered way it's displaying. Note: I've removed the "members login" nav link from my site for public viewing until I figure this out, so if you go there, you won't see it. Thanks in advance!
