Search the Community
Showing results for tags 'navigation'.
-
hi all—i'm attempting to recreate a cover page on 7.1 that has one full bleed image, with the navigation hidden on only this page. anyone have any code for this?
-
Site URL: https://vaama.org/ Hi all, I need help removing the underline from the navigation link inside a folder when the link is active. Any tips? Thank you!
-
Transparent Header on Front Page only (7.1)
CaptainMaze posted a question in Coding and Customization
I'm trying to get a transparent header on Almar (V. 7.1). I only need this on one page so that I can have a black header on all of the other pages and have my logo show through on a banner image on the main page. Any help would be appreciated. -
Site URL: https://goldchain.studio/ Hey Squarespace gang! 🙂 I have a dropdown menu on my website and randomly an underline appeared under the first link in the dropdown on both browser and mobile view and I haven't figured out how to remove it. I've done some forum sleuthing and tried some of the custom css recommendations but to no avail. Anyone have any experience with this and have any tips on how to remove? Also while we're at it, I like having a simple "+" that hovers for my dropdown menu but I'd like to remove this stage in the mobile view so you don't have to flip through 2 stages to get to the navigation menu. Any tips on how to remove the "+" on mobile view? Here's a link to my site! https://goldchain.studio/ -
Site URL: https://blueberry-raccoon-cmmc.squarespace.com/?password=cow Hello, The site contains a couple of store pages (Originals and Prints) all containing multiple products. I'm about to put up a new print which we want to keep separate from the aforementioned store pages. I've started off by making a dropdown under Prints, which will have two items. The first one would go to the pre-existing Prints store, and the other one would go to the new product. But turns out you can't link straight to single product pages? I wouldn't want to make a whole new Store page just for this single product, as that will require unnecessary clicks from the customer. Is there any way to add a dropdown item which takes you straight to the product page from the nav bar? I managed to do it in a slightly ugly way by using Add Link --> External URL -> paste in the product page URL from the live site. Well, it does work, but it doesn't seem you can hide Links from the users the same way you can with pages/stores (there's no 'disable/hide' for links) so I've deleted it for now to prevent it showing up on the live website. Is there a much better method I'm missing? Thanks in advance!
-
Hi, I'm looking to style the buttons to look like this with the hover effect as seen in this link https://codepen.io/electerious/pen/qPjbGm I would need to style the button at the end of the navigation menu, newsletter/form sign up button and the normal buttons. The code is in the link but I'm struggling to use it to target the buttons in squarespace. I'm testing it out on a new 7.1 site build. Can anyone help?
-
Hello There, I just wanted find out if anyone perhaps knew how to erase the navigation on scroll and reduce fixed header background height on desktop and mobile regards -
Hello ThereI have three words on my first header navigation item text on desktop, I used the code below to try and place the text on two lines So the first word on top and the last to words under but the code breaks the text on 3 lines because there are 3 wordscould you please help me with a css code that places the first navigation text on 2 lines with the first word on top an the last 2 words underthank you/* PLACES FIRST HEADER ITEM button on THREE LINES AND ADJUSTS POSITION OF NAVIGATION TO ALIGN THE BOTTOM OF FIRST BUTTON*/.header.header-nav-item a{max-width:177px;}.header-nav-item:nth-child(1){white-space:normal;text-align:left; padding-left:.90rem; padding-left:.210rem}.header-nav-item, .user-accounts-text-link, .cart-text-link {line-height: 8.1em;}
-
Make SHOP Categories Navigation into a Drop Down Menu
Amikhail posted a question in Coding and Customization
Site URL: https://opossum-lily-kg6a.squarespace.com/config/ This applies to STORE CATEGORIES. I am trying to make the categories navigation menu into a drop down menu upon hover. Does anyone know the code for that and where to place it? Thank you in advance! -
Site URL: https://bugle-poodle-kk7s.squarespace.com/ Hi all, I'm trying to work out if it's possible to change the navigation bar on Squarespace. I have .png icons and I want to use these instead of font in the nav bar. I.e. an image instead of the word "about" etc Is this possible?
-
Site URL: https://alansarpy.com/ Hello! I built a sidebar navigation and I can't seem to figure out how to get it to not cover up my website content. I need help figuring out the code to get all my content to move next to the sidebar and not under it. picture attached of what the site currently looks like and an example of what I'm looking to achieve. https://alansarpy.com/
-
Hello! I designed this site in 7.1 and would simply like to remove the underline on the active navigation link. This is currently not an option in the Design section of 7.1, so I will need some CSS. Any ideas? https://www.pamelaackerman.com/ Thank you!
-
Reduce padding/div around logo: more room for nav links
DustinWilliam posted a question in Coding and Customization
Site URL: http://dustin.land Hello everyone, I'd love your help being able to use CSS to reduce the div / padding arounf the main logo in the header. When the browser is resized, the nav links will drop a line to make room for the huge amount of side space surrounding the logo. See attached. Any help would be appreciated! Dustin -
Site URL: https://www.papercityfabrics.com/shop Hi! I'm looking for help changing the navigation style for my shop (https://www.papercityfabrics.com/shop). Right now, all categories show up at the top. I would like to make two changes: 1. Change shop navigation to a drop down menu, where you hover over a primary category (ex. "fabric") and then the sub-categories appear underneath. 2. I also would like to stop categories from appearing in the navigation if there isn't an item currently sold in that category. This comes up when we schedule a product in a new category (the product doesn't show up until the scheduled time, but the category appears right away). Thanks!
-
Hi there, I noticed the button on the Nav bar can't be edited via the design interface like the other buttons. Can anyone tell be the code i need to change it from a 'no fill' button (that changes colour for hover) to a soild colour filled button? Thanks! (also does this mean i'll have to change the text colour in the button from dark to light?)
-
Site URL: http://www.orlandoeventmedia.com Hi all. Right now I've got an infinite scroll website with anchor links. Here's what I'm wanting to accomplish: A link in the top navigation to a separate blog page A summary block of the blog above the contact section near the bottom of the homepage. Obviously if someone clicks on one of the summary links it would direct them to that blog post in the above. I'm running into a problem though. Because I'm using anchor links in the navigation, when someone is redirected to the blog page those navigation links no longer work. Is it possible to do the above and have the navigation links on the blog page direct back to the appropriate section on the homepage? Or is there another solution which is comparable? -
Site URL: https://www.drewdepinto.com Hi all, I used custom css to split my navigation on either side of my header, but the site title no longer links back to the home page (and the centering seems to be a bit off). Here is the css I used, any help would be appreciated! /*Secondary Navigation */ .header-display-desktop .header-title { height: 4vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav { position: absolute; top: 0; margin-top: 0 !important; height: 4vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav-item:nth-of-type(2) { margin-right: 30vw !important; }
-
Site URL: https://www.wineryfulfillmentservices.com/ Hello! I recently installed GoPaywall on a site, and I'd like to get the login /account link to display as the last item in the menu, and in the mobile menu. I currently have a work-around setup so there is a "Link" in the nav menu with some javascript that causes the login pup-up to display when a user is not signed in, and the account management pop-up to display when the user is logged in. this works fine, but the link title doesn't change regardless of login status. Ideally I'd want it to say "Login" and "Account" depending on if the user is logged in or not. GoPaywall has an option to display a button that does change base on user status, but it only displays in the bottom right corner. I can move it to the top right corner with CSS, but it's still not part of the nave menu, and doesn't integrate into the mobile menu specifically. site URL is: https://www.wineryfulfillmentservices.com/ Based on some of the other help articles, I think it is possible to move that button they provide to the menu, I'm just not savy enough with coding to work out how to do it. If you want to see any code snippets, I'm happy to provide them. Not sure what will help. Any assistance would be appreciated.
-
Site URL: https://koi-paddlefish-bb2e.squarespace.com/ I have a custom desktop burger menu. I would like to position it to the left of the rest of the menu buttons instead of to the right. I can do this with: @media screen and (min-width:992px) { .header-title-nav-wrapper { order: 1; } .header .header-burger { order: 2; } .header-actions.header-actions--right { order: 3; } } However, this places the burger menu in the middle of the header, not next to the action buttons. How can I shift the burger menu to the right? I have tried using positioning properties, but depending on the screen size it is very inconsistent as to where the menu ends up, but admittedly I know very little about what I am doing. Thank you!
-
Mobile navigation dropdown broken on homepage
Sebastien27 posted a question in Coding and Customization
Site URL: https://www.sebleon.com/ Hi everyone, My navigation menu works fine on the desktop version, but on the vertical mobile version, when the navigation gets condensed to "menu" it stops working on the homepage. On all my other pages, it continues to work, but when I press "menu" on the homepage nothing happens. Does anyone have any ideas why this might be the case? I'm using version 7.0 Avenue. Thank you! -
center on vertical .item-pagination responsive
igormedina posted a question in Coding and Customization
Site URL: https://briancullenfurniture.squarespace.com/lighting/wallsconce I would like to know how I can keep the ".item-pagination" navigation arrows centered vertically pass: BCF-light230522 Thanks -
Site URL: https://www.ghostlandcreative.com Hi there! I have a full bleed video on my front page and a transparent header that requires a white (or near-white) navigation/social links to be seen. On all other pages, my header is white and, of course, requires a darker navigation and social links. So I'm looking for some help in changing the navigation/social links color on one page only. I feel like this has probably been answered somewhere but I've yet to find something that works and my knowledge is extremely basic. I'm in the middle of a big redesign and have a pathetic "cover page" if you go straight to the url, but if you want to see the main page of the new design I'm talking about, just go to /home
-
Site URL: https://banjo-smilodon-g838.squarespace.com Hi guys, I'm currently building my website banjo-smilodon-g838.squarespace.com. There are two style options in the website navigation that I don't like. I can't find any option in the settings to adjust this, so I think this can only be done via custom code. The two issues are: 1. Currently the hover effect for the menu items is a line trough the text. I'd like it to be an underline 2. The text of the items in the drop-down sub menu (under 'Specialismes') is right aligned, I would like this to be left aligned Would you please be so kind to help me with custom code for those two issues? I'm too much of a newbie to be able to do this myself, so your help is truly appreciated. Thanks so much.
-
hiding certain links in navigation bar on some pages
ggoodno posted a question in Coding and Customization
Site URL: https://www.covidlonghaulers.com/ I am expanding a website to have specific differences based on the users location. Based on selecting "North America" or "Somewhere Else" on a marketing popup, I will provide different resources. Therefore, I want to hide different navigation links on different pages. I am using 7.1 Commerce plan and tried injecting the following code in to page headers, but nothing is happening: What am I doing wrong? Thank you! -
I can't make all my primary nav. sections fit in a single line, even tho there's space for that. I've tried redducing link spacing, font size.. Any tips?
