Search the Community
Showing results for tags 'navigation'.
-
How to change Brine mobile navigation folder into dropdown?
ccmei posted a question in Coding and Customization
Site URL: https://meiaestheticsco.com/ Hi all, I am wondering if there is a way to get my mobile navigation "more info" section which is a folder, into a drop down menu instead of going to another page? An example I really like is on the mobile version of lashaffair.com. When you click on either nav items it drops down to more pages so it's all on one section. Thank you! -
Adding a button to one link in header nav bar
shellieboo posted a question in Coding and Customization
Site URL: https://moose-sepia-m3gk.squarespace.com/ hello all, I am trying to change the "Order Online" to have an outline button for the link. I believe I did this before by starting with a template where the button was outlined, but on this particular site, none of the code I am trying is working. Here is the website: https://moose-sepia-m3gk.squarespace.com/ and pw: lipscafe-ss Here is the last code I tried: //button cta a.Header-nav-item:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 100px; } Any help is much appreciated! Thank you,- 4 replies
-
- 1
-
-
- button
- navigation-link
- (and 1 more)
-
Non Transparent Header on ONE PAGE ONLY (7.1)
rebekah.read2 posted a question in Coding and Customization
Site URL: https://my-recruiting-assistant.squarespace.com/recent-commitments I am using Squarespace 7.1 and want to make the header on one page ONLY not transparent (https://my-recruiting-assistant.squarespace.com/recent-commitments is the page) THANKS! -
How to create a customized navigation for certain pages?
MaxMurphy posted a question in Coding and Customization
Site URL: https://endowcreative.com Password: password I am trying to create a different navigation for each page of my site. Each page acts as its own one-page that links to certain parts of the same page. Any idea how to do this? On 7.1 -
Hi! Is there any way to fix the header and navigation bar always on top of the screen as I scroll down my main page? It is currently on top of my site and disappears as soon as I scroll down. I'm using Foster template and my site is: davidzamorano.tv Any suggestion would be appreciated. Thanks, David
-
Site URL: https://www.swarovskiwellbeingweek.com/monday Hey legends, I'm just wondering how I can still have the main desktop menu links in white font to be visible on the images, but to change them to black so they're visible on the mobile menu (which changes the menu background to white so the whole menu is invisible). Thanks heaps! -
Site URL: http://www.southernsunevents.com http://www.southernsunevents.com PW: sse2020 My home page has the logo featured on the banner image and the traditional logo spot hidden via css. I've got my nav links spaced apart as I want them like this: I want the typical top center logo for the rest of my pages but it's knocking down my nav links because they are too big based on how I've set them for the home page layout. Is there a way to customize the nav links just for the index page and have everything standard for the rest of my pages? Thanks!
-
Site URL: http://www.ryanewanchuk.com Password: SquarespaceDemoHelp! Hi, I am working on my site, and I've decided to use it as a sandbox to try to do some more advanced things. In particular, I am trying to figure out how to make my navigation bg colour change to match the bg colour of a section on scroll. I'd like it to change when 90% of the next section is visible. An example of this is at https://www.bynd.com/ I'm sure this would involve anchors and javascript, but I was curious if there was a simpler way to accomplish this? -
Maybe this is dumb question but is it as simple as building a navigation in the footer and then hiding the header? I was hoping for the code to easily move my current header (which is at the top of the page) to the bottom.
-
Site URL: https://fancythatinglewood.com.au/shop/p/1fl9d753yk35s0jw1g3zu8c1g5nou0 Hello, the buttons left and right to see different pictures of a product arenāt working. plus it only opens the lightbox if you click around the top right corner of the picture on the item page, which is odd. It should be enabled on the whole picture wherever you click. currently itās a carousel type but the thumbnails buttons on a slideshow type arenāt working either, itās just stuck to the main picture. Iāve linked the product page on the site. passcode: FTI452 thanks in advance for any assistance. VJO
-
Site URL: https://imperialcitizenship.squarespace.com password: imperialcitizenship Hi, I implemented a forced mobile menu on my site. I need help changing the menu color and also I noticed a weird behavior where every time I open the burger menu, the logo shifts a little bit to the left.
-
Hi, I have desperately been trying to change the background color of the navigation bar of my website... It should look like this: https://www.couldihavethat.com/ The logo should be in the top left corner with no background color. Thanks everyone for your help
-
Sidebar menu question for single page website
ashronald posted a question in Coding and Customization
Hi! So I'm working on a website, and I have another website that I would like to replicate a feature of. That website: https://www.hierarchy.co.nz/ That feature: Sidebar navigation that updates your location as the main page is scrolled, and naturally also offers jump to position. Full disclosure I'm new to this, so any input in to the correct way to do the content in the main page to make this work would be greatly appreciated. So far I've been playing with folders/blog posts/feature pages etc to learn the ins and outs. Currently using Supply template. Happy to change, but ideally a similar flow to the above website is the desired result. Cheers š Ash -
Hello. I'm using the Foster template. I'd like to switch my navigation around so that my cart icon is to the left of my Log In option. Please see photo for example. In site styles, I have Log In in my secondary navigation. Origins, Stockists, FAQ & Contact are in my primary navigation. When I position my cart to top left in site styles, it automatically appears to the right of secondary naviagation. I hope this makes sense. Any suggestions would be appreciated, thank you in advance. -
Site URL: https://chateauboll-pamelahsiung.squarespace.com/ Hi everyone, is there a way to have navigations in the same line as the Logo, but placed in the top right corner? I tried the CSS below but the Nav isn't on the same line as the logo, and it's not all the way to corner. .header-nav-list { float: right; } password: boll Thank you!
-
Site URL: https://tambourine-oarfish-c28h.squarespace.com/ Looking to center the navigation links between the logo and Add to Cart button without the links stacking or the logo shrinking. Currently using the code below to achieve something close to the desired look, but I'm having issues with the nav staying centered on all screen sizes and the logo not shrinking down to nothing on smaller screens. .header-title-nav-wrapper { flex: 1 0 82%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 0 1 auto; } .header-layout-nav-center .header-nav-list { justify-content: flex-end; flex-wrap: nowrap; } Desired effect attached. Thank you! https://tambourine-oarfish-c28h.squarespace.com/ password: Bestcannoli2021!
-
Site URL: https://www.mahacreative.co.nz/ Hi, I'm trying to have a tab like style side nav similar to this - would anyone know how to do this? I found this Code pen for something similar but I'm not sure how or where to add it https://codepen.io/skkhan/pen/MWWdXbb
-
Site URL: https://www.arbala.co.uk I want to activate the cart link in my navigation bar to say the amount of items e.g. CART (1) I'm using 7.1 version which has the default squarespace shopping cart icon which I don't want to use. However, when this option is disabled and an item is added to cart - an automatic shopping cart icon pops up at the bottom of the screen which I also want to disable so I only have it shown in the navigation bar. Any advice would be very helpful! Thank you -
Site URL: https://www.shannongalvanizing.com/ Hi! I am trying to do two things, move the main navigation under the logo to the left as well as add two buttons to the header. I added code for the buttons, but then realized that if I move the navigation the buttons will also move. If anyone has any code for moving the nav that wold be great. thanks!
-
Hi, I apologize if there is such thread already. I wasn't able to locate this specific query anywhere. Is it possible to do something like this? First goal of the client was to have the mobile menu look even in desktop which was already done. Second is to have a link outside or beside the burger menu, like in the screenshot. How to do it? When I applied the mobile menu look, the 'Login' of Squarespace was outside. I just hid it since it is not the link the client wants to be outside. Thanks!
-
Site URL: https://www.saccostyle.com/ I want to have the Header Navigation drop down background colour to be transparent. Currently its white. I tried some CSS code which seems to work on the site editor, but when the site is published and live it shows up as white. The code I used was this: .header-nav-folder-content { background: #ffffff00 !important; } HELP?! @tuanphan
-
Site URL: https://www.shannongalvanizing.com/ Hi! Is there a way to have the logo on the left and the navigation under on the left? Thank you!
-
Hide Navigation Bar on only one Page Brine family Template
JuBalas posted a question in Coding and Customization
Hey hi, i have seen on the forum the exact same question i'm posting right now but none of the answers work for me so here i am. Iām trying to remove the navigation bar from a specific page on my maple inn template (brine family). I'v read that i should insert this code : body#collection-5d58db8548099500014d80bb nav.Header-nav.Header-nav--primary { display: none; } But it doesn't work. Is there another way to do it or should i modify something in the code ? Thx in advance for your help ! -
Site URL: https://www.brunhilda.cz/ Hi, I would like to know if there is any code to change WELLS mobile navigation hamburger menu, so it does not cover the full page. so from this: to this (or something similar :): Thanks so much for your advice! -
Site URL: https://gaultstone.squarespace.com/ Hi, On this website, in the navigation under "Contact" the dropdown text is centered, we want it to be left aligned like the other menu dropdowns.
