Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'navigation'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • France Designers šŸ‡«šŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 914 results

  1. Site URL: http://www.arthurkorbielphotography.ca Hey! I want to add a call to action button/highlight button in my main navigation for the last link (Book Now) I've already tried a bunch of other css codes , however they don't seem to work for me. When I add the following code: .main-nav li:last-child a { background: #000; color: #fff !important; padding: 10px 20px !important; border-radius: 20px; } It does exactly what I'm looking for, except for one thing - It applies the look to the last item in of the navigation headings/drop-downs (See Screenshot). I want it only applied to the "Book Now" in the main navigation, not the menu items in the dropdown menus. My website is - www.arthurkorbielphotography.ca
  2. Hi, in navigation menu I have Folder with pages in it, normally Folder wasn't clickable only submenu so few years ago I have added this code in to the folder title to make it clickable: <a href="/indoor-moebel">INDOOR</a> and it was working flawlessly till yesterday. On Brine template now opens up first page in a folder and on Supply template it does notting as it is by default... Please help I really need this click trough function!!! Thanks in advance
  3. Hi, I have always used <a href="page-slug">page-title</a> in my folder navigation to create a direct link. For some reason this has stopped working. Does any know another work around for this?
  4. 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!
  5. Site URL: https://www.brendasbeautybar.co.nz/ We are a beauty therapy clinic in New Zealand and am in the process of setting up an online store to sell our face products along with home and body products we also stock i.e candles, room sprays, body lotion etc. Im not sure how to structure the products to enable customers to navigate to the right face products for their skin concern and type i.e cleanser vs serum but also list everything else that we want to sell. When I look at the navigation its a bit strange that if you click into Medik8 and then cleansers you cant actually see that your on the cleansers page and then there is no logical way to navigate back to medik8 options again. Im also no pro so would love general feedback and advice about the wider site. All help welcome!! Thanks so much!!!
  6. Site URL: https://pigeon-harpsichord-afjm.squarespace.com/ Hi there, I'm trying to line up the navigation bar with the baseline of the logo. I've tried some code that I found in other threads for the same issue, but I haven't found one that works yet. This is the last one I tried: @media screen and (min-width:640px) { .header-title-nav-wrapper { align-items: baseline; } } Site: https://pigeon-harpsichord-afjm.squarespace.com/ Password: HelloWorld1964 Many thanks for any help!
  7. Site URL: https://porpoise-poodle-8hg6.squarespace.com/ Hello, I'm looking to put a button around one of my navigation elements. I want the button to look identical to the one shown for the phone number in the navigation bar. The element I'd like to encapsulate with a button is the "Book Now" element. Thanks for your help!
  8. Site URL: https://www.petersom.com/shop Hi, We are using a portfolio section/page for the /shop (https://www.petersom.com/shop) section of our website. But, when we click the hamburger to bring up the dropdown menu, the top part of it is cut off by the header. This only happens on mobile. Any idea why this would be happening? I've looked through the header menu options and adjusted the portfolio header as well. We must keep the position of the portfolio menu as "top" and not change to middle because we want it to mimic the main nav. Thanks for your help! Ben
  9. Hello all! I am developing a small website and there is a simple CSS issue that I am looking for some help with. Here is my goal: Create a dropdown navigation menu. When the choices are hovered over, have a blue background with white letters. Like that pictured below. When I am outside the folder - say I am on the "Meeting Links" page - and then, I drag my mouse over to "Schedules", the dropdown menu works exactly as I like it. Blue background with white letters when hovered over. Here's the issue: When I am inside the folder - say on the "Meeting Schedule" page, or another page in that folder - and then I do the same thing, I get a blue background, but no white letters. How can I fix this so that it looks the same in box situations? Inside and outside the navigation folder? Here is the CSS I am working with: //Stylized Folder Dropdown Menu @linkBGColor: #60AABE; @linkTextColor: #fff; .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0; .header-nav-folder-item { padding: .5em 1em; } .header-nav-folder-item:hover { background: @linkBGColor; a { color: @linkTextColor; } } } Any thoughts would be greatly appreciated. Thank you!
  10. Site URL: https://rafida.org Hey, Is there a way to move a primary navigation item and retain its style. We want to move an item from the primary navigation to be next to the secondary navigation, but don't want it to inherent the secondary navigation style. I've attached a screenshot to make it more clear. Site access:https://rafida.orgpass: lastphasetesting3 Kind regards
  11. Site URL: http://siblingandrival.com Hi, I would like to change my website template. We have a film company and do documentary, travel, commercial work etc. Does anyone know of a site where we could have those tags across the top as a navigation and then the tagged films would show on the page depending what people are looking for? Many thanks
  12. I've been using the 7.1 version of squarespace. For your header, it only allows you to align things a certain way. For example, if you want the logo in the middle then your navigation links will be to the left and buttons to the right. So right now my logo is in the middle, the "shop" link is to the left, and the "cart" button is to the right. I want to move my "shop" link to the right, next to the cart icon and keep the logo centered. What is the css to do this?
  13. Site URL: https://www.willsandwishes.com.au/ Hi, I'm hoping to get some help with custom css for repositioning the main navigation below the site title/logo, effective site-wide. Any help would be much appreciated. Thanks!
  14. Site URL: http://www.thefreerepublicofcalifornia.com Hi, Does anyone know how I could change the mobile navigation so it stays at the top, version the bottom? And is there a way to change the 'burger' lines to text? Thanks!!
  15. I've seen several posts on this forum suggesting header injections which can keep the site header on the top of the page as you scroll. However, using the squarespace website builder, I've generated a search bar in the body of a page. Is there a possibility of having that fixed to the top of the page when I scroll? I've attached a picture to show the search bar I am talking about.
  16. Site URL: https://thebetterbecauseproject.squarespace.com/stories/ How can I get all links on a single page to open up a new tab? I've tried using this in the "Page Header Code Injection" <base target="_blank"/> But, it makes every link throughout the website to open up. Is there something else I can try with html, so that it would only open up a new tab for the links in a particular page?
  17. Hello, I'm trying to create a multilingual website with 3 languages at the moment. I found some code online in order to do it. Basically I duplicated pages for each languages and created 3 folders as a language switcher. It works like a dropdown menu. On the browser it works fine. But on mobile I can't switch languages. It shows the language name eg. "English" when you click on it looks empty, you can't see the other language options. This is the website I used the code from. https://beaverhero.com/squarespace-03-languages/ I am also using a business account. Is there a way to fix this? Any help is much appreciated!
  18. Site URL: https://opera-stl.org/ We put in this code (below) to use the mobile hamburger nav on desktop, but it makes our logo in the header be off center. How can this be fixed? @media screen and (max-width: 5000px) { .header .header-title-nav-wrapper .header-nav { display: none; } .header .header-burger { position: absolute; display: flex; order: 1 !important; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } .burger-box div { display: none; } .burger-box { background-image: url(https://static1.squarespace.com/static/5f174588f138424ec2fbd0d7/t/5f1a2c0859f5c362ebe8be8f/1595550728438/Hamburger+Menu.jpg); background-size: contain; background-repeat: no-repeat; background-position: center center; } }
  19. Site URL: https://www.kylesmith.live/ Hello all, I'm having an issue with my navigation bar in my new music website: www.kylesmith.live Template is Aria Depending on the screen size of the computer that I'm viewing my site on, the navigation bar may display all seven links in landscape form (desired) or stack them into two (sometimes three) separate rows. I'd like to keep the latter from happening by somehow "freezing" the navigation bar into landscape form. When the links are stacked, the images behind the links resize as well, overwriting my crop settings. My hope is that freezing the nav bar will keep this from happening too. I have no experience with code, but I've been told that my issue may require a custom code. I've tried changing font sizes, toggling between full width, constrained width, and full background settings, padding, etc. Nothing seems to help. I notice the issue when I zoom in to 150% on my desktop, but also at default 100% on a 19 inch laptop screen. Any help would be appreciated!
  20. Hi everyone. I'm wondering if it is possible to make buttons on the navigation bar instead of the default linked text. If so, please show me how to code that in the CSS editor! Thanks
  21. Site URL: https://gregmaroney.com/songbooks I asked this back in march and got an answer that seemed to work. The following code was added at Home->Design->custom css .category-filter-container { display: none; } It turns out that it only works on one store page (albums) but not several others. I don't have a store page that has all products, I set up a separate page for each category, so I don't need/want that single category name taking up room at the top of each page. I tried adding it to each store page, in header code but that didn't work. Any help would be appreciated, thanks
  22. Hi to all! This is driving me crazy.... I put text to my site instead of a Logo, but I can't figure out how to align the text to the navigation bar... Any ideas? IĀ“m on Avenue, SS 7.0 THANKS!
  23. Site URL: https://bronze-orchid-etpn.squarespace.com/ Hello! I need help understanding how to lower my site navigation so that it's aligned with the bottom of my company logo (on left side). Currently the site navigation is centered vertically but I want it to be lowered slightly so the navigation is in line with the bottom of my company logo. See attached for a screenshot with more detail. Any help would be appreciated!!
  24. I'd like to place a few Categories into a folder, and have the Main Link (the Folder itself) actually link to a Category too. How is that possible? Example: I need the Folder Link (Decorate) to actually take people to the Category for Decorate so I don't have to list it inside of the Folder. So basically my question is how do I turn the Folder Link into an actual link? I saw your other thread about this but it doesn't work if the links are External Links, which these are... Thanks!
  25. hi Does anyone have custom CSS to change the navigation bar background colour and/or code to add lines above and below navbar for 7.1? I've attached some images of sites I've found with the lines Has to be 7.1, barely any of the codes I find don't work Kindest,
Ɨ
Ɨ
  • Create New...