Search the Community
Showing results for tags 'navigation'.
Found 524 results
-
Does 7.1 support sidebar navigation like the Wells template. If not, is there custom css code?
-
Site URL: https://turquoise-cranberry-pwz5.squarespace.com/ Hi all, I am on the 7.1 version but not sure which template Im using. There is no top right navigation on my desktop version but there is one when browsing on mobile. I would like to remove it if possible. Below is my URL: https://turquoise-cranberry-pwz5.squarespace.com/ The password is 123456 Thanks a lot for all your help in advance Daniel
-
Site URL: https://www.pinnaclevball.com I'm looking to create a single page that does not have any navigation or headers on it. Is there any code I can use to do this for a website using the Jaunt template? The cover pages didn't offer the flexibility I needed. Thank you in advance.
-
Can anyone tell me how I can hide or remove the navigation from my website? It's a single page website so I don't need a navigation at the moment.
-
I'm creating a website for an event which is happening in two different locations. The client has requested that, if possible, the site includes UK and US links in the primary navigation, and for each of these I have a secondary navgiation including the relevant info for each of these events. I'm wondering if it's possible to create secondary navs that appear based on the primary links – much like a language selection? eg. UK > UK about, UK agenda, UK speakers, UK contacts US > US about, US agenda, US speakers, US contacts Worst case scenario, I think I will have to list this information in drop down pages. In this case, does anyone know if it would be possible to get the drop down pages to appear on click, rather than hover, in a bar that would appear beneath the primary nav bar at the top? Thanks!
-
Site URL: http://levitzmattress.com Hey everyone, I'm trying to get the folder name of my nav bar to link to other page. I know, I know, use <a href>. I did (I used this page for the how-to), and it worked great for a long time. Suddenly it stopped doing anything. It's like the code isn't there. If someone wouldn't mind, could you go to my site (levitzmattress.com). The "Mattress" nav button should take you to /mattresses-3, which is a guide to help get you to the right mattress. What is actually happening is that it taking you to /mattresses-1 which is just the main product page. What makes things even more complicated, is that its taking you to /mattresses-1 and only showing the Tempurpedic category, instead of all of them. Similar issues are happening with the Foundations and Accessories nav buttons. How can I fix this? If you go directly to http://levitzmattress.com/mattresses-1 it does the same thing; only shows you Tempurpedic. I have links in certain marketing assets that take users to this page. I want it to automatically show All categories upon arriving here. How can that be done? Any and all help would be greatly appreciated. Thanks! PS This is the Hyde template.
-
Site URL: https://www.ekafarowski.com Hello! I've been trying some different solutions that I've seen to some similar posts on the forums here, but nothing seems to be working for me. URL: ekafarowski.com I have a drop-down folder (not an index) in my navigation bar, entitled "More". The drop down options are cut off on the right side of my browser, and I'd like the entire string of text to be visible. I haven't had much luck with the following CSS codes: /* Center Dropdown */ .Header-nav-folder { margin-left: -2em !important; } ___________ [href="/more"]+.Header-nav-folder { left: -300% !important; } ___________ .Header-nav-folder { text-align: center; line-height: 1em; padding: 0.7em; } .Header-nav-item--folder { font-size: 25px; } .Header-nav-folder-title { font-size: 25px; margin-left: 4.5em; } I'm really not sure what I'm doing wrong or why these haven't worked...Any help would be appreciated! Thank-you 🙂
-
Site URL: https://blackburnagri.squarespace.com/ Hi! I'm after a little help with setting up some custom code on a website for a client. I'm using the Impact theme, and am hoping to be able to get my hands on some custom code that toggles the visibility of the secondary navigation to hide on all core pages and only appear on service relevant pages (specifically; Native Vegetation, EPBC Survey/ Report, Financial Modelling, Business Planning & Application Assistance. Also, I'd like to place a coloured bar between the body area and the footer area as attached. Any help would be greatly appreciated!!
-
Forte: index slide loop + dropdown menu font size
RM-WB posted a question in Coding and Customization
Hi, i'm almost ready to launch my page but I have i would like the index slide to loop back to the first slide instead of a hard/fast scroll how can i change the font size to the dropdown menus? note** I'm using a custom font caper-hypersphere-2ef9.squarespace.com password: whitebox2020 -
Site URL: https://www.enayball.com/ Hey, I have made my website using the Jones template. As I understand, it is not possible to make a button in the navigation bar using this template, however, it is possible to do this via CSS code. I have tried to follow this tutorial: https://thirtyeightvisuals.com/blog/squarespace-add-button-to-header-navigation But due to my limited grasp of CSS I couldn't get it to work. Would really appreciate it if someone could help me out and provide the coding I need. I have attached an image of the ideal button styling I am after (although I would want the text to be lower case). Any and all help much appreciated! Thanks in advance! -
Site URL: https://aam-web-sample.squarespace.com/ When my site is viewed on a tablet the navigation overlaps with my social icons and button. Is there a way I can force my navigation to go to mobile/hamburger view when being viewed on tablets/ipads?
-
Navigation folder link not clickable in 7.1
AndrewMarston posted a question in Coding and Customization
Site URL: https://www.andrewmarston.com/design I put a folder titled "Photo" into the my navigation, however the main nav item "Photo" is not clickable. The odd thing is that in the inspector there appears to be an anchor tag in the code pointing to a link that redirects to the correct page. Does anyone know how to fix this? (screenshots attached) URL: https://www.andrewmarston.com/design Thanks!- 5 replies
-
- 1
-
-
- folder
- navigation
- (and 1 more)
-
Removing Navigation on a particular page
atanasmalamov posted a question in Coding and Customization
Site URL: https://www.atanasmalamov.com/the-perfect-ballroom-dance-frame Hi guys, I have used this code before: <style> #header {display: none !important;</style> to remove header form a page. But since switching to Brine, it is not working anymore. My goal is hide the navigation on this particular page to serve as a landing page. Thank you very much and Im sorry if a solution exists on the forum. -
Hello guys, I have been struggling with this for a while: How do I add a custom font to all "page titles", "page title description" and "navigation" in the template Marquee. (I have been able to change the other fonts on my site to custom but not these!) Would be really happy for help!! THANKS, August -
Site URL: https://www.ronaldaartsen.com As many might have noticed, the header incl. navigation layout is a bit more restricted than in 7.0. @tuanphan , would it be possible to use css to make a custom header so I can create more space for navigation (-items). In the current structure it is so narrow that if I add one more page it shows the navigation menu on 2 lines. An example of how I would like it to look is in the screenshot. So basically, the navigation and in this case the button in a different block / on a seperate line from the logo/title and soc media icons. Like we had in 7.0 Top & bottom. Thanks in advance for having a look at this.
-
Add Gradient to Transparent Navigation Bar (Version 7.1)
brlawson posted a question in Coding and Customization
Site URL: https://silver-porcupine-gp5t.squarespace.com Hello Squarespace Community, I am building a site using version 7.1 and am very close to finishing it! One of my last orders of business is to add a gradient to the navigation bar. The catch is that I want the nav bar to be transparent at the top of the page and then the gradient to show up when you start scrolling on the page. The gradient should fade from orange (#FF8700) on the left to bright yellow on the right (#F7FF00). Any help is much appreciated! -
Site URL: http://www.pentagon-orca-b5y5.squarespace.com Two navigation issues I'm running into using the Pacific template: 1. I am using a code to hide the first listing on my navigation bar but I'm running into an issue as it now seems that when I click on the header to go to that page, it's refreshing and loading twice before allowing me to stay on the page. Any way to solve this issue? 2. I am using a code for sticky navigation for the header and it's covering up my anchor links. Any fix for this?
-
Site URL: https://www.thevisualpharmacy.com/ Hey peeps, So iv'e got my test site live for you guys to checkout, I don't have much of a need for the hamburger menu that comes in once it reaches the media query at 991px. Iv'e tries adding code to the head of the page from my setting to git rid of it and get my normal social icons back up, but i think i'm targeting the wrong thing with my css? i can't figre out the problem. when I want to change something I usually run "inspect element" and figure out what I need to target from their. thanks for the help you guys.
-
Site URL: https://bassoon-oleander-texb.squarespace.com/ Site password: 12345 Right now, I have a "SHOP" Button in my navigation bar that I moved closer to the Cart icon using CSS edits to its spacing. However, when the window size is reduced/expanded, it moves with the other navigation items and the spacing I'm looking for gets messed up. I've currently used multiple lines to edit the spacing based off the window size as a basic fix: @media only screen and (min-width: 1270px){.header-nav-item:nth-child(5){ margin-left: 280px !important; margin-right: 5px !important; padding-right: 10px !important;}} @media only screen and (max-width: 1270px){.header-nav-item:nth-child(5){ margin-left: 200px !important; margin-right: 5px !important; padding-right: 10px !important;}} @media only screen and (max-width: 1200px){.header-nav-item:nth-child(5){ margin-left: 180px !important; margin-right: 5px !important; padding-right: 10px !important;}} etc.... However, I'm wondering if there is an easier fix to this and have that particular nav item (SHOP) behave like the Cart icon and Donate Button when the window size is expanded/reduced - so that it remains right-aligned to the window in the same relative position. Same thing when it comes to the grey backdrop. Any and all help would be greatly appreciated! -
Site URL: http://buffalobiketours.com Trying to figure out how to adjust the width of my navigation (using Foster in the Brine family). It feels constrained right now – I'm getting 3 lines of hamburgers instead of just one at the top. Any tips on how to remedy that? I'd just like all the navigation in 1 bar at the top
-
Site URL: https://www.dfwmicropigmentation.com/#home-section Hey ya'll, for the life of me I cannot figure out how to adjust the margin/padding around the banner image. I'm trying to reduce the top margin, so there's not so much white space between the navigation and the banner image below. I've tried, CSS, the template menu style...no luck. Thanks so much!
-
Site URL: https://lavender-heron-3pxt.squarespace.com/ Hi everyone, I am all new to Squarespace and I am French so sorry if my sentences aren't clear... I'll try to explain as much as I can. I am still in the free time period so I'm not sure you'll be able to access my website. Anyway, I downloaded the template "Sonny", and I want to do a one page only website, with links in the navigation bar leading to the different posts of this one page. .Here is a perfect example of what I'd like to do, I believe this is a squareplace website : https://www.asgeirmusic.com/ So as you can see clicking the link just below, this one page (home page I guess) will include several posts following each other by scrolling down : home, about, news (being a dispatch of summaries of articles leading to separate pages this time, I won't put every articles on this home page, only my main navigation). My problem is, and I tried with different templates it seems to be the same problem, that when I add a new page or button in my main navigation, it automatically creates a completely seperated new page, when I want it on the home page so I can just scroll down to access it. And if I add a new page/button in the hierarchy of my home page, it will create a new post on this home page, just like I want it, but it won't appear in the navigation bar ... For example, I created a home page called "home" on which you immediately arrive when you click on the link of the website. I tried to add an "About" page, which I want it to appear on the home page by scrolling down BUT I also want an "About" link to appear in the navigation bar, so that when you click this button in the navigation bar, it leads you to this "about" section of the home page. Will I be able to do this with a "personnal" subscribtion? I know i cannot modify code with this subscribtion .... I am not sure everything is clear, but do not hesitate to ask me if something's not understandable ! To sum up everything, I would like to create a website like this one : https://www.asgeirmusic.com/, but can't seem to have navigation links leading to different sections of the home page ... Thank you everyone in advance for your help! And again, I am all new to this and still on the free trial period ...
-
Hello, How can I get the header on the index (home) page to have a transparent background so the photos are layered behind the text, while maintaining the white background on the other four pages and the fixed position overall? I'm using the Miller template, and the site is http://iggyrabinovich.com/. Thanks!
-
Site URL: https://www.akivaprojects.com/ Hello Community, I need help with changing the font colour on some of my website pages. It's currently black on all pages but I need it white on some. Is there code for this? Thank you in advance! :)
-
Custom CSS on Five Template (Title & Navigation)
Django-Koenig posted a question in Coding and Customization
Site URL: https://studiostore.squarespace.com https://studiostore.squarespace.com looking to separate navigation and logo using custom css. The Five template has limited options for nav & logo, they move together only. I would like them separate and at the "bottom" of top header. Logo --> aligned Left | Nav --> aligned right Thank you, Django
