Search the Community
Showing results for tags 'navigation'.
-
Site URL: http://www.mimiceramics.com Hello! I looked all over the forum to see if I could find an answer for this and couldn't find anything, so apologies if I missed it. I know that the navigation action varies by template, some of them you have to click to get the drop down and some you can hover (like the template I use, Brine). However I'm wondering if there's any code to switch that and make it so the visitor has to actually click the icon to get the menu to open. And then I guess making sure there's a way for them to exit as well? Thanks so much!
- 6 replies
-
- navigation
- navigation-link
-
(and 3 more)
Tagged with:
-
Site URL: https://pomegranate-badger-p3wd.squarespace.com/ I'm basically trying to create a second navigation bar within a page section. The idea behind it is, when you click on the button/hyperlink other content appears without opening a brand new page. Let me know if there are any questions on this. thanks! and I will update this thread with anything I find on the web. questions_ss_underlinemainnav.mp4
- 6 replies
-
- css
- custom-css
-
(and 3 more)
Tagged with:
-
Hello! I am trying to change the size and opacity of my dropdown menu items, so that the box fits the width of the text and the black background is only slightly visible. I used these two codes found in the forum, but nothing changed: .header-nav .header-nav-item--folder .header-nav-folder-content { width: auto; } .subnav {background-color: rgba(0,0,255,0.1) !important;}
-
Your website’s navigation might not be the first thing you think about when setting up your website, but it is a key aspect of your customer’s experience with your brand. A smooth navigation setup can really make an impact and encourage repeat visitors. A common goal for navigation is making sure your visitors don’t have to click more than 2-3 times to get from one section of the website to another. Some achieve this by sketching their site out on paper first. Others put everything in first, then let their analytics do the talking. Everyone has different strategies to achieve their perfec
-
Single page sidebar navigation for sections
stephenjohncox posted a question in Coding and Customization
Site URL: https://www.thewallgroup.com I want to create a homepage navigation the same as the linked website - where the user can scroll through sections using the arrow keys or the 01-08 option on the right of the page. Is this doable, somehow utilising the sections in squarespace 7.1? There's a nice fade / section stick as you scroll through the linked, is this something else that can be done.. Would love to know! -
7.1 scrolling sidebar IN ADDITION to sticky header
emyemilyyy posted a question in Coding and Customization
Not a live site yet, but I'd like to create a sidebar that stays on the left as you scroll down the page (Background, Problem, Solution, Process, etc.) in addition to the existing sticky header navigation (About, Work, Contact, etc) Is there any way to do this with custom CSS? I've attached an example. The scrolling sidebar should be DIFFERENT between each page. Thank you!- 1 reply
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
Hello everyone. I am building 5 long pages that introduces 5 products. As visitors scroll down the long pages, they are kind lost of which product they are on. So is it possible to add text like" Product 1" and then set it fixed ,so that the "Product 1" title will follow as we scroll down the page? Thank you.
- 1 reply
-
- title
- navigation
-
(and 2 more)
Tagged with:
-
Site URL: https://wolverine-ocelot-jsdw.squarespace.com/ Hi, I'm trying to make the black background of the navigation drop downs, slightly transparent, about 25%. The current CSS I have for the font color upon hover and background color is: .header-nav-folder-content { background: #000000 !important; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a { color: #3498DB !important; } Thank you ahead of time!
- 1 reply
-
- custom-css
- css
-
(and 3 more)
Tagged with:
-
Site URL: https://www.thelostline.com/ Hi there, Is there a way of just adding an extra line to the burger icon rather than switching the actual image? I have tried switching the image with this code but then you lose the close cross. .burger-box div { display: none; } .burger-box { background-image: url(https://static1.squarespace.com/static/603d17badde1340721bf9aa6/t/603e0cfa2a57340f6d743b47/1614679290787/Burger-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center center
-
Site URL: https://www.niche.wedding/ Hi, I'm trying to add a second button to my navigation, underneath the current button. Is there any code that I can use to so this? Thanks
- 1 reply
-
- code
- navigation
-
(and 1 more)
Tagged with:
-
Site URL: https://www.triggersanj.com Hi all, does anyone know the CSS code to make my website main navigation bar static as the user scrolls down the page? Thanks in advance.
-
Site URL: https://www.laurendenitzio.com I'm currently using the Wells theme in 7.0 and the mobile menu is terrible for my current navigation setup. I wanted to switch to 7.1 to have more options to customize the mobile nav, but I don't see any easy way to have a sidebar navigation like there is in Wells. Is it possible to do that without a lot of coding? I'm capable of doing that, but am pretty annoyed that I'm having to rebuild an entire site AND custom code a side nav just to get a mobile navigation display that's not awful. I basically just want to build a site using 7.1 that looks
- 1 reply
-
- sidebar
- navigation
-
(and 1 more)
Tagged with:
-
Site URL: http://czebra-shop.squarespace.com First, thanks to everyone who contributes here. I've cobbled together quite a bit of code to create what I have so far. A couple of outstanding issues I'll ask about in other posts. For now, my biggest headache is how limited the category navigation options are. What I want to achieve: Categories (animals, floral, etc.) visible on each page of products, filtered or not, on both desktop and mobile. Ideally, I'd like to have the Category Sidebar Navigation on desktop and Top Category Navigation on mobile. Is that possible? The proble
-
I have been stuck on this problem for two days now. I can not manage to remove the button on the top right of my screen. The button that says "take action" needs to go asap. Im launching this website tomorrow so the sooner someone can help, the better.
- 5 replies
-
- button
- navigation
-
(and 2 more)
Tagged with:
-
Does anyone know how to change the breadcrub settings - if it possible? I could like the breadcrumbs to use the greater than symbol ( > ) instead of the slash it is currently using. Thanks!
-
Site URL: https://BolesBells.com Hi there -- The Hamburger Navigation links are not working on my website or blog in mobile view: https://Bolesbells.com https://Bolesbells.com/blog That menu used to work. Today, nothing happens when I touch it to expand the menu. Nothing changed. Not added. No special code or CSS involved, ever. Thanks!
-
Site URL: https://nonagon-cricket-srz2.squarespace.com/config/help Hi, is there an easy way to have my header like this: Name/title (on LHS). Logo (in the middle) Navigation menu and contact button (on RHS) It seems to me that you can either have the site title or logo but not both. Please see current homepage image attached where I've used a workaround by just having the title as a separate text box below the header. But I'd like to know if I could have it all in the header please? Thanks.
-
Site URL: http://wotwnyc.com Hello, does anyone know how to not have the blow code display: " data-animation-role="header-element">Reservations This is now visible at: wotwnyc.com Thank you!
-
Site URL: https://jakejensen.squarespace.com/config/pages I need to align the navigation bar to be on the same line as the logo, but instead of float left and right to the edges of the screen, I need it to be a fixed position next to the logo. I have tried the spacing on the menu items but that messes things up with different screen sizes. If anyone could help me with this, that would be great! This is what the site looks like now: And this is what I would like it to look like: Website: https://jakejensen.squarespace.com/config/pages password: jakeandky
- 4 replies
-
- navigation
- heading
-
(and 3 more)
Tagged with:
-
How to target elements in header on search page?
spongebob-smc posted a question in Coding and Customization
Site URL: https://mouse-trout-epjy.squarespace.com/search Hi, I am trying to invert colour of the logo on my header on the search page (I have managed it on other pages eg cart, products etc) and also invert the CTA text colour in header too. this is the code I have for changing both on cart page: body#cart .header-title-logo img { filter: invert(1); -webkit-filter: invert(1); } body#cart .header-actions-action a { color: #000000 !important; } so I know this works on the cart page but I can't get it to work on the search page, have tried targeting .sqs-se -
Site URL: https://www.wij.design/ Hello! So I use Squarespace to host my portfolio. My home screen has a list of past projects. The hawley template allows me to choose an image that fills the screen when I hover over the project page link. I've been resizing the image, in my image (if that makes sense). The image I'm uploading to Squarespace is a mostly white background, with my project image resized and placed in the part of the screen I want it to pop up on. Is there any way for me to edit the size and placement of this image, so that I don't have to forma
- 5 replies
-
- button
- landing-page
-
(and 3 more)
Tagged with:
-
Site URL: http://wotwnyc.com Hi Squarespace Community! Please see here: wotwnyc.com I have linked the current reservations as present in the site nav, however I'd like to apply a script to apply the widget and Resy button, here's the the original code block (note, we're hosted via Squarespace): <a href="https://resy.com/cities/ny/writing-on-the-wall" id="resyButton-bpRtWhwJeDqaKYkQZWcXc">Book your Writing On The Wall reservation on Resy</a> <script src="https://widgets.resy.com/embed.js"></script> <script> resyWidget.addButton(document.getE
- 1 reply
-
- navigation-link
- navigation
-
(and 1 more)
Tagged with:
-
Site URL: https://blackbird-pelican-7jzx.squarespace.com/ I did a one page website in english, with this tutorial on youtube. All good it works. BUT, if I want to add a french version of my english page, how can I do it? Cheers