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

Search the Community

Showing results for tags 'navbar'.

  • 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

  1. Site URL: https://www.madebyrach.net/ I am trying to get rid of the nav bar on my landing page. I want remove only the About, Portfolio, Gallery, and Contact headers, but keep the name (RACHEL KIM) and the social icon buttons on the left hand side. I want the navbar headers on every other page on my website though. I also want to remove the hamburger menu on the landing page in mobile view as well. Thank you!
  2. Site URL: https://gvs.squarespace.com/ The navigation of my site (7.1) is overlapping the image in the first section. What I'm looking for is a way to begin the image once the navigation section ends. At the moment it seems that the navigation is hovering above the section. Does anyone know if there's a way of doing this? The password to the site is Welc0me2 Thanks in advance.
  3. Site URL: https://jeffvilla.squarespace.com/ Hi, I have a mailto link in my "contact" button in my nav bar that triggers a "mail.google.com refused to connect" error. The weird thing is, I have the exact same thing at the bottom of the page in the footer (albeit, not a button), and I get no error. Any ideas? Thanks!
  4. Hi everyone, working in a sandbox site at moment and wondering if anyone has figured out how to fix the nav bar in Almar, while slightly pushing the main banner image down so it doesn't cover any of it up? In this case it covers up the subjects top of head. Any help will be hugely appreciated and can send you a small $ thank you as a thanks!
  5. Site URL: http://jscagsupply.squarespace.com How do I change the navigation bar background color for the homepage only? I want the homepage navigation bar background color to be different than the rest of the pages. Can you please help me with this? pw is testing123. Thanks!
  6. Hi, I'm using Bedford template. I'd like to customize two things and would love some help in CSS coding 1. How do I make primary navigation on left and secondary navigation on the right, with brand logo at the center? The default one is right-aligned navlinks with logo on far left. 2. What is the code to change the navbar background? I used this one below for Moksha template and it worked fine, I guess for Bedford the class is different. .Header-inner--top{background-image:url("https://static1.squarespace.com/static/5fceebe5e55113397eccf3dc/t/5fd18a4a23f2866aa38216fd/1607567946
  7. Site URL: https://www.affinityauthorservices.com I am looking to relocate my header navigation below my header banner exactly like this site: https://harlow.showit.site/ I also would like to know how to center my logo and have my links on either side like this website as well! Any help at all would be amazing. I have not been able to find any CSS regarding this and the ones I did find did not work for me. Unpublished/still in progress site: www.affinityauthorservices.com PW: AAS
  8. I am hoping to change the color of the navigation text on one page only in the Montauk template. I have seen various suggestions and guides for other templates and they have not worked when I apply them to my page in the CSS editor on my site. Suggestions included are pasted in below, but again, these did NOT work for me. I am hoping to not go into the whole site's advanced CSS and instead be able to apply it in the code injection one this one page of my site. I am able to customize the background color of the dropdown with ease using the <style> type of code injection but nothing
  9. Hey guys, I really need some help. I'm trying to change around the sizing and position of my logo and nav bar on my site, but only on the product pages. I know how to do this on a regular page where I can use a code block on the page to target just that Pages header, but because It's a product page and theres no way for me to inject code into the header or add a code block, Im at a loss. Any help would be greatly appreciated. I want the logo to be smaller and on the far left followed by the three nav links to the right of it.
  10. Site URL: https://www.zealoustravelco.com UPDATE ---> SOLVED Hi! Can anyone help me with my transparent header (w/ blur effect) that suddenly stopped working? Here is the CSS that worked until I randomly checked website today: /*FROSTED GLASS NAVIGATION BAR*/ body:not(.tweak-transparent-header) .dark .header-announcement-bar-wrapper { background-color: rgba(0,0,0,.2)!important; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); padding-top: 8px; padding-bottom: 6px; transition: background-color .15s ease;
  11. 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!
  12. 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!
  13. 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,
  14. Hello, I'm wondering if it's possible to add a simple orange stripe to the top of the nav bar. I'm not a web design pro but I imagine it might be something like adding a full width div block with a fixed height and making the background color orange. Is it possible to do this somehow? I've pasted in a photo of the basic effect I want to achieve. The orange bar is just for style and sits at the top of the nav bar. The template I'm using is Pacific. Thanks!
  15. Site URL: https://wave-take-two.squarespace.com/ I am trying to make the nav strip at the top of the page thinner. I have used this: Password is dunnedesign #header .header-inner { padding-top: 0px; padding-bottom: 0px; } However this is as thin as that goes how can i remove the padding further so its tighter to the logo? Thanks
  16. Site URL: https://www.zowatt.com Hi there, I'm trying to put a green (#00FF00) rectangle (of equal size) behind each of my navigation titles (see pics attached of 'before' and the 'after' I'm trying to achieve) My URL: zowatt.com My URL access password is: zowatt1 Any help would be much appreciated!
  17. Hello smart people, I'm trying to add more space between each navigation title (without increasing the font size) so that it aligns with the outer edge of the contents below. I'm also trying to add a block of colour (#00FF00) behind each navigation title. Hopefully the attached pictures do a better job of illustrating what I'm trying to achieve. Any help with this would be greatly appreciated!
  18. Site URL: https://paddlefish-hawk-wdag.squarespace.com/ Pass: 123123 I'm trying to change the location of the navbar links. I'd like to have my logo centered with two links on either side of the logo, which doesn't seem to be an option in Squarespace's settings. Here's an example of what I'm looking for - For easy comparison, here's what I'm currently working with - Is it possible to achieve what I'm looking for? I've been looking around online and I'm not sure how to begin going after this. Thanks in advance!
  19. Site URL: http://www.insideoutlearning.ca Hi there, Really frustrated and I'm a coding neophyte. My site template is Bedford. Issue: because the folders in the main nav menu click through to the first page in the folder (I have four folders across the header of the site), the nav menus essentially have two links to the first page in the drop down. I see from forums that this is a common problem but the best I can do is to enter a space in the nav title of the first page in each folder. But that's weird because now there isn't a second title, but you can still click
  20. Site URL: https://libbyconnolly.com/info Hello! Does anyone know how to create a custom nav where the menu items can be fixed into the page's corners? https://libbyconnolly.com/info I found this tutorial for the top nav, https://www.itssevenone.com/tutorials-for-squarespace-71/second-menu-squarespace, but anytime the page is resized the links all overlap/ stack on top of each other. I can't get them to stay fixed in place. This is the code I'm using from the above tutorial: .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex-basis:100%!important
  21. Site URL: http://www.taupestudios.com Hi everyone, I have a problem with my navbar on mobile. Whenever I scroll back up on my website, the navbar is "sliding" downwards (I would like it to be fix and not move). I have tried injecting this code as suggested by a friend, but nothing happened... Any suggestions? <script> function removeEventListeners(element, listenerMap) { Object.keys(listenerMap).forEach(function (name) { var listeners = listenerMap[name]; listeners.forEach(function (object) { if (name == 'scroll') { element.removeEventListener(name, object.listener); } }); }
  22. Site URL: http://s15.squarespace.com/guitar-kids-a-lesson-1 Hi Community! Can you help? I'd like to control the height of my nav bar (header) more precisely between Desktop, Tablets and Mobile. If I look at www.apple.com and youtube.com, then I notice that the height of their nav bar remains constant when I drag the browser window from desktop size to mobile size. But with my SquareSpace 7.1 site, the nav bar height does not remain constant while I drag the browser window smaller or larger. How would one achieve a consistent height for the nav bar, as with Youtube and Apple, ac
  23. Hey guys! I used the following code to have the hamburger menu nav on my 7.1 site: .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} It works well, but I would like two menus navigation: On desktop: 1) a normal menu navbar with the first 4 page links 2) the rest of the page links under the hamburger menu bar. On mobile: everything under hamburger menu bar. Is it even possible on square
  24. Site URL: https://www.aksm.org/brooks Our designer doesn't like the color of the text on this page and after thinking about it, we don't believe we can change the color of the nav. bar on a single page so we are just trying to remove it unless the color change is an option. We tried inserting codes we found on the forum but non have worked. Any help would be greatly appreciated!
  25. Site URL: http://feastworship.com I'm trying to adjust the header on mobile so that it doesn't overlap with the picture. How do i do this?
×
×
  • Create New...