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

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

Found 401 results

  1. Hi all, sorry to be a bother. Is it possible for someone to provide the custom css code that I could use to ensure my website navigation bar starts with a capital letter. On the mobile navigation it's fine. Template: ethan. Website link: www.triggersanj.com Thanks in advance.
  2. Hi there, I was wondering if anyone could help me. I am using the FIVE template and I want to have the navigation in mobile and tablet mode set up as a hamburger icon (for vertical and horizontal display). For desktop mode I want to stay with the banner and logo. It seems that it only allows me the hamburger display for mobile, vertical view for now. Does anyone know a custom CSS? Thank you very much in advance ☺️
  3. I would like to add the "Book Now" button (from Timely which provided a line of code) to the navigation bar. Currently, it's in the header. What is the best way to do this? Would really appreciate the advice! :)
  4. I want to change the font in my header navigation. I'm able to do it to each link that is a direct link (i.e., I click on it and it takes me directly to a page), but the items that are drop-down menus on hover don't change. I'm using this code: #headerNav nav a { font-family: 'AspiraWide' !important; } The website is at www.middle.st – It's subtle, but you can see the "Events" and "Contact Us" links are a slightly different font. Thanks!
  5. Greetings, My site is https://kerleyschaffer.com/ Theme: Impact I need to change the logo link in the header navigation to point to a different URL instead of the default home page. I've seen other answers using various javascript code, but I wasn't sure if that code was Theme specific. Any ideas? Thanks in advance! Kind regards, Eric
  6. How do I hide a page title from the navigation bar? I had code in the CSS but it's no longer working, I want to remove the second "Home" from the navigation. Website: www.kimportertv.com Thank you!
  7. I'm trying to hide my secondary nav from the main website and only show them within a paid members area - is this possible to do with code? TIA
  8. Hello! I am trying to change my horizontal navigation bar to vertical, I found the code to do this by looking at similar questions on the forum but when I type it in nothing happens after saving & clicking refresh. I noticed the following note above css page and wondered if this would apply to the navigation bar also? Note: Custom CSS does not apply to Cover Pages. Here's the code I used: .Header-nav-inner { height: unset !important; width: unset !important; display: flex !important; flex-direction: column; } Thanks, Sarah
  9. Working here: https://lettuce-buttercup-sers.squarespace.com/ (password arthur) I'd like to change the background of the area where the navigation lives. See screenshot mockup. Is this possible and/or is there any creative work around that anyone can think of? Or maybe a different template?
  10. Hello, Hoping someone can help. I have customised my navigation which works fine on all pages except the blog page - which it covers the top of the post. I have tried what another member recommended in this forum but it didn't work. It temporarily fixes it on the demo site, but not on the actual live website. This is the page: https://yogawithemilyhexham.com/blog I have the following custom code in place: @media screen and (max-width: 640px) { .Footer h3 { text-align: center !important; } .Footer p, h1 { text-align: center !important; } #block-yui_3_17_2_1_1573592583666_35107{ display: block; margin-left: auto; margin-right: auto; width: 40%; } #block-yui_3_17_2_1_1573592583666_40998{ display: block; margin-left: auto; margin-right: auto; width: 40%; } #block-yui_3_17_2_1_1575574235567_13445{ display: none; margin-left: 68px; margin-right: 10px; width: 40%; } h2 { text-align: center;} } b,strong { font-family: 'Libre Baskerville', serif; font-weight: 900; font-style: italic; font-size: 1em; letter-spacing: .2em; line-height: .7em; } /* remove hyphens */ p, h1, h2, h3 { -webkit-hyphens: manual !important; /* remove gray bar on mobile footer */ .Mobile-bar.Mobile-bar--bottom { padding: 0; } #block-yui_3_17_2_1_1574966063081_15230, #block-yui_3_17_2_1_1574967366666_6867 { text-align: center; } -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } .Header { position: fixed; z-index: 9999; width: 100%; -webkit-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); } .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center;} .Mobile-overlay-menu {width: 100%; z-index: 1;} #block-yui_3_17_2_1_1576006037918_5357 {padding-left:20px; text-align:left; padding-bottom:20px; padding-top:20px; color: #424444!important; textalign:right!important; border-top: 1px solid #E0BAB9!important; margin-top:10px!important; text-transform:none; font-size: 14px!important; letter-spacing:.1em;} span:first-child { display:none; } .quote-block blockquote>span:first-child, .quote-block blockquote>span:last-child { display:none;} figcaption::first-letter { font-size: 0;} #yui_3_17_2_1_1577997923960_436{ padding-top: 150px; }
  11. I would like to create a dropdown menu from my coverage in Version 7.0– Wexley family (Wexley template) I was able to create a folder. Clicking the link takes me to a nonexistent page from which I can access the subpages. Is there anyway to do this? rachelhorst.ca Thanks in advance!!
  12. Hello, I had an issue after turning developer mode and trying to modify site.region file using git. I added just one paragraph to check it's working. But now the primary navigation and cart are not rendered properly and these two sections (HEADER: PRIMARY NAVIGATION and HEADER:CART) are not displayed in the website styles. What could be the problem? P.S. I use Forster template.
  13. Hi there, I'm using the Brine template, and I'm looking to move the mobile sign in from on the page (top-left, top-center, top-right or bottom-left, bottom center, bottom-right) into the navigation. Is there a way to do this? Not sure if I NEED custom code for this, just didn't know if there was an existing workaround for this. The reason I want to do this is because it shows up a little weird on iPhone X, XS, etc. with the larger screen size. I'd rather just have it in the mobile navigation–seems more intuitive anyway. Thanks in advance!
  14. Hello, I added a fixed text on top of every page but on mobile this text is hiding a part of navigation bar. How can I add more padding on top of navigation bar in mobile preview ? Thank you all !
  15. I'm trying to hide the mobile navigation bar only certain pages. I've found some other forums with code injections for hiding the menu nav bar completely, but there are only a few pages I don't want it shown on. I tried this code to hide the menu icon completely: .page-borders-none #mobileMenuLink { display: none !important; } Is there a way I can specify the code injection to apply to certain pages only? Or do I need an entirely new code? I've tried placing it within the specific page settings under advanced, but it doesn't work. It only works if I add it to Custom CSS. Help!
  16. Hi, I need a webpage where I can place the navigation bar about 200px lower than the normal top-of-the-page-placed navigation bar, with an image above/behind it. I put in a margin of 200px through CSS, which makes the navigation bar move down... But then I get a solid color around/behind it, instead of the picture of the website background. I looked into it: that solid color background is the footer background color. How can I move my navigation bar down, without making this huge space of solid color where I can't put anything? (See picture: the orange = the space I automatically created when changing the margins of my navigation bar. But I want that navigation bar to go over the picture that you see below.) PS - this is the Stella template, but I don't really care which one I use, as long as I can get that navigation bar right (PPS - I don't care if it's an actual 'navigation bar', or a white space with buttons in it... I just need the white line with blue text you see below, without that solid background I can't change anything about)
  17. I'm hoping there is code out there to select which pages to invert the color of my transparent nav header elements to white when needed. Any solutions out there? Thank you! www.rolddesign.com
  18. Hello there, Has anybody implemented a resy widget before? Is there a way to have the widget live on the nav bar? I have it install below the carousel https://www.nyumbai.com/ but would love to house it on the nav bar. I believe there's some way by installing scripts and tagging an anchor tag to link on the nav bar, but have yet to figure out what the code is. Thank you in advance!
  19. I've installed a Paywall plugin that hides the content for my page if they are not paid subscriber. If you visit my site: https://healthfulev.com/max and click on any of the 2 options, you'll see that I've restricted those pages. However the footer navigation still shows. The code I'm using is hiding everything else. I've attached a screenshot as well. This is the code I've used: <style> body:not(.sqs-edit-mode) .sqs-layout .sqs-block {pointer-events:none;opacity:0;visibility:hidden;} body:not(.sqs-edit-mode) .removex {pointer-events:auto !important;opacity:1 !important;visibility:visible !important;} body:not(.sqs-edit-mode) .subslock{opacity:0 !important;pointer-events:none}body:not(.sqs-edit-mode) .fadeload{opacity:1 !important}body:not(.sqs-edit-mode) .sqs-layout{opacity:0;transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms} </style> <iframe style="visbility:hidden;pointer-events:none;z-index:-9999;opacity:0;position:absolute;top:0;left:0;width:500px;height: 200px;" class="subscription-checkx" src="/account/frame/subscriptions"></iframe><div class="subsnotice subslock" style="position:fixed;z-index:9;top:55%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width: 400px;height: 200px;transition: all ease-in-out 200ms;"><div class="subsicon" style="background:url('https://static1.squarespace.com/static/54dcf1f3e4b03174c3dc75f5/t/5be5e854352f5308e3762256/1541793876726/subspadlock.png');background-repeat:no-repeat;background-position:center;background-size:contain;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);position:absolute;width:22px;height:22px;display:block;"></div><div class="subsmessage" style="left:0;margin-top: 36px;width:100%;display:block;font-size:14px !important;text-align:center;"> <h3><b>MAX Subscriber Access Only</b></h3> Please sign in to continue. </div></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> $(window).load(function(){ setTimeout(function(){ $(".sqs-layout").addClass("fadeload"); },2000); }); </script> <script type="text/javascript"> $(window).load(function(){ setInterval(function(){ /* SUBSCRIPTION PRODUCT NAME */ var name = "Booty MAX"; /* YOUR SERIAL KEY */ var serial_key = "1234-5678-9101-1121"; /* DON'T CHANGE */ var subs = "Subscriptions"; /* DON'T CHANGE */ var next = "Next Order"; if (($(".subscription-checkx").contents().text().search(next) > -1)){ /* ACCESS GREANTED **/ $(".sqs-layout .sqs-block").addClass('removex'); $(".subsnotice").addClass('subslock'); }else{ $(".sqs-layout .sqs-block").removeClass('removex'); $(".subsnotice").removeClass('subslock'); $("body").find(serial_key); } },2000); }); </script> Can anyone find anything wrong with this code?
  20. I am building a Website in Squarespace for the first time and have been having the hardest time finding a template and navigation structure that will allow me to render my photographs in the way I'd like. I've been trying desperately to make the following below work in the Avenue template. I'd like to create a grid navigation that starts as an Index or Folder in the top navigation and then has cascading grids for navigation and viewing photos. For example, I'd like to create a top navigation called "Portfolio" with a sub-category "Calendars" - when you select Calendars, you would get a grid of thumbnails that show years like 2020, 2019, 2018, 2017 etc. When you select a year, e.g. 2020, you would get a Grid of the 2020 Calendar photos with each one opening in a Lightbox. Ideally I'd also like to have the photo title and description either render under each thumbnail image or show during the pop up. I am even open to having the 2020 Calendar photos display in a slideshow as long as I could include the title and description. Anyone have suggestions for the best template and approach to accomplishing this, even if it means moving away from the Avenue template?
  21. Hello everyone, Can you please advise on how to force the mobile menu on a desktop? I am new to squarespace and trying to keep the hamburger menu on with all screen sizes. I'm using version 7.1 - and all online resources are based on a previous versions were you can edit mobile settings that are not available anymore. It would be great if you can suggest any tips or custom code. website: tarpon-reed-27ss.squarespace.com password: 1234 many thanks, Dario
  22. I am using the Flatiron template. in the MOBILE view, once the navigation is clicked to open, I would like the navigation items to be less spaced out in terms of line height. they currently take up the entire screen on my iPhone 7 plus. Website: www.isissakomadajohn.com
  23. I am using the Flatiron template and in mobile view, I would like the navigation to say "+" instead of "menu" I do not want the navigation to change in desktop view. my website is www.isissakomadajohn.com Thanks!
  24. HI I am trying to hide 3 index pages from my navigation in the Pacific template - currently they are just being used for full background images to break up the other sections. Website is not published but can be accessed at https://azalea-ladybug-xlb4.squarespace.com/ and password ZSG2020 I have chosen to expand the index links on the homepage as I would like to create a long homepage rather than have multiple separate pages. Any ideas? Thanks and happy new year!
  25. Hi all! I'm trying to have an underline in my nav on hover and it is not working 😞 #header a:active{ text-decoration: underline !important; } #header a:hover{ text-decoration: underline !important; } this is the code I've been using! and my url is tracee.co thanks!
×
×
  • Create New...