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://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
  3. 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.
  4. 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;
  5. 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!
  6. 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,
  7. 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!
  8. 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!
  9. 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
  10. 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!
  11. 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!
  12. 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
  13. 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
  14. 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); } }); }
  15. 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
  16. 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!
  17. 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?
  18. Site URL: https://therare.la site: https://therare.la password: rarity Hello - I'm really close to getting my site done but I need to figure out how to move the subnav dropdown so that the top border of it is flush with the bottom border of the main navigation bar. I can do this by adding CSS to move it downward, but the problem is that the subnav only appears when the top level nav item is being hovered. Adding this extra space makes it so that when I try to mouse down to the subnav menu, it disappears before the mouse can actually hover any subnav items. Perhaps the clickable are
  19. Site URL: https://eddrobertson.com Hi. How do I make my websites navigation appear below my site logo. It's currently hidden away behind a menu burger icon. I'm using the Indigo Template. thanks Ed
  20. Site URL: https://www.plantbasedpitstop.co.uk/ Hey guys, Ive seen a few people asking similar questions but Im not having much luck implementing various code. Im trying to align my nav drop down menu to the word 'menu' - rather than sticking to the edge of the page. I still want to keep it left aligned. Any help would be majorly appreciated! Thanks
  21. Site URL: https://hknglobal.org Hi! I need help figuring out what CSS I need to make my dropdown folders animated like they are on this website: khourigroupltd.com My website is hknglobal.org, password: HKN
  22. Hello, In 7.2, the nav bar on blog pages must follow the same color theme as the blog's body. Sitewide we have black nav bar + white body with black text, pretty standard. Unfortunately on blog pages this means it's white body + white nav bar, and this is a problem because our logo is white so it's lost in the white nav bar. Tried this already to no avail: #collection-5ea0ceff2e2abb13b38daf00 .header-announcement-bar-wrapper { background-color: #000000; } I can puzzle my way through CSS but am at a loss right now. Please help! Thank you
  23. Site URL: https://www.plantbasedpitstop.co.uk/ Hi there, Im trying to make this navigation drop down transparent ideally - and preferably right aligned. I've tried inputting a few different CSS options for the background but not having much luck with the below. #topNav nav .folder .subnav { background: transparent !important; } WOuld appreciate any help, thanks!
  24. Site URL: https://hawk-dove-hw5t.squarespace.com/ Hi everyone! I'm having issues finding code to be able to play with the spacing between my page titles on the Navbar (see photo attached). I've tried modifying within my Design tab in squarespace but no luck, so turning to find some css code to do so. My template did not have a vertical navbar, I have added code to do so which I got from the following website: https://www.rebeccagracedesigns.com/blog/vertical-navigation-squarespace-7-1 Would appreciate any help for this, would love to go live asap! Thanks!
  25. 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!
×
×
  • Create New...