Search the Community

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 I have tried to applied seems to affect the text color of the topnav on the page. Additional failed attempt posted below. Can anyone help? Thank you! (The following did NOT work): Add to Page Settings > Advanced > Header (Each page has page header) <style> nav#mainNavigation * { color: blue !important; } </style>

Hi y'all. I created a custom code block with a looping video on my home page. Everything looks normal when I'm in edit mode, but it doesn't want to completely load when I check my website on Chrome or on mobile. It does, however, fully load on other browsers like Safari and Firefox. Anything I'm missing here to get it to be fully functional on all browsers? My template is Montauk version 7.0, so I don't have the option to toggle off Ajax Loading.

Site URL: https://www.agoos.com/ We created an interactive Trivia game for an online commencement event that streamed recently. The game was embedded on the client's site for the event, and is available on their on-demand archive site. I would like to be able to include it, with other content we created, on a portfolio page on my site, but have no idea how one does this (solo practitioner; not a coder; no IT staff to implement). Is there a simple way to do this? [I'm attaching a screenshot of the folder of materials that my subcontracted developer provided as deliverables.]

Site URL: http://differentkennedy.com Can't seem to find a thread that shows a CSS solution for left-aligning your site logo / title to stack over the navigation. I've seen plug-ins and paid options but was hoping for a simple css nudge. Goal is to essentially create a faux vertical navigation margin by taking the automatically right-aligned title [in this case "different kennedy"] and stack it above navigation on the left. Any help is much appreciated!

Site URL: https://cforc.quebec Hi, can someone please help me with hiding my shopping cart icon on certain pages? I am on Squarespace 7.0 https://cforc.quebec

Site URL: http://differentkennedy.com/apparel Is there a way to dictate the page padding on a single page? Specifically would like the index individual pages to appear higher and the padding between the page + index navigation to be much smaller. Attached image for reference of specific padding areas. [Want applied to all pages pulled from within that index page but not the rest of the site]

Site URL: https://cforc.quebec Hi, My shopping cart icon doesn't show on mobile, I am using Montauk template 7.0. Please help, this problem is very bad for my small business. I checked in the 'Style' menu but found nothing about showing the shopping cart or hiding it. Thanks in advance.

Site URL: https://yvonnehigginsleach.squarespace.com I'm able to put in a different background images on different pages. Is it possible to put two background images on one page? see: https://yvonnehigginsleach.squarespace.com/test (different from other pages) using code injection: <style> body { background-image: url(https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important; background-size: contain; background-repeat: no-repeat; background-position: center top; } </style> I would like to add another background image and have tried. <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png), url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png); background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> and have tried using !important <style> body { background-image: url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604e27741ef0406470db59e4/1615734644169/purple-circle.png)!important, url (https://static1.squarespace.com/static/602f0c5751acbf2692d802fa/t/604f9d9748cb753cc13597fe/1615830429655/psx7.png) !important; background-size: contain; background-repeat: no-repeat; background-position: center top, left bottom; } </style> Thanks!

Site URL: http://www.merialatorre.com/ Hey all! I recently revamped my portfolio site. I would love some feedback on how I can better improve it. Thank you so much!

Site URL: https://www.contendcounselling.com/ My current email comprises of my surname before @. I read that the professional etiquette requires the name or an initial be added before my surname @. I wanted to add an initial before my surname. I've bought already this email in Workspace. How can I change it? Thank you!

Site URL: https://www.contendcounselling.com/ contendcounselling.com

Wanting to hide the "Sign In" link from the site navigation that displays automatically when Customer Accounts is enabled on a Montauk site.

Site URL: https://www.pietniemann.de/portfolio#/renovation-and-rooftop-extension Hello Community, I couldn't find answers to my issues so I dare to open a topic on this. I am looking for a way to adding the ability to see the site header in an Index Page for Montauk. Currently, when I open one of my galleries the screen automatically scrolls down a little so my logo and menu/header isn't visible. The frame of the browser ends exactly with the the start of the first image of the gallery/index page. Is there a way to maintain the landing appearance without an automatic scroll-down? feel free to have a look at this link https://www.pietniemann.de/portfolio#/renovation-and-rooftop-extension In order to see the logo/header again, you have to scroll up. I would like to maintain a clean appearance without the need to scroll upwards – I want to prevent the automatic scroll down which is currently caused by the Index Page by Montauk. Happy for any feedback, many thanks and best wishes, Piet

So, this might sound backwards and I am pretty green (but learning!) I have an index page and I would like to have a <script> HTML code appear where the BANNER usually appears. I only want this to happen on one page. I used the "Page settings>advanced>inject header code to simply "paste" in my code (pre-empted by the <body> text). This inserted my makeshift HTML "Banner" above the nav (I get it, b/c I am injecting it into the header, duh) - but is there any way to push it down? Down below the nav and into the "body" of the page? I do not want to use a banner image because they are way unprofessional and blurry (b/c it would require an image of text which is never easy to get crisp) Thanks for any help! Using Montauk.

I have an HTML code (<script>) that I am trying to put below the nav bar on a single index page. I know traditionally one cannot put code blocks in index pages, but I am hoping there is a work-around - possibly using the footer/injection code or the header injection coding (but somehow getting those to appear underneath the nav bar and not in the footer or header). Any help on this would be greatly appreciated!!

I am trying to remove the shopping cart/add to cart icon/option from the products page on my Montauk squarespace 7.0. I have spoken to customer service and I know my options are to get rid of the page altogether, but it is nicely set out for browsing. I don't want people to get confused with the shopping option.

Looking to hide the publish date from the blog page and blog posts on Montauk and not seeing a style option.

Site URL: https://chris-stanford.online/blog Seeking to change the appearance of tags in the Om template. Rather than Tags x, y, z, I'd like the tags to appear like the ones here on the forums, with the tag name within a shape that looks like an actual tag (and without being preceded by the word "Tags"). Is there a way to do this?

Site URL: https://oval-violin-hrze.squarespace.com/ I would love to know if there is some available code to inject to display the post thumbnail image for OM template. Unfortunately didn't realize this wasn't a feature of this template and already worked all day setting up basic styles for the site for a client. We'd really like to stick with this template too. Hopefully this is feasible and someone can help me. Thanks!!

Hi - I'm trying to move either the navigation bar or the business information bar to the top of the page in the Montauk template. I am not getting this option in Site Styles. Does anybody know of a custom code I can insert to move these to the top? Similar to: http://1011makeup.com/ Thank you kindly!

Site URL: https://www.klingercreative.com/shop Hi there, Looking for a way to center the navigation menu on my store page. It automatically has a left alignment and I'd like to make it center aligned. Is there custom code I can add? I don't see a way to do this in the site styles. Thanks!

Site URL: https://www.thepolinkovskys.com/ Hi! Hoping someone can help me, I'm trying to use a custom font ("Northwell") that i've uploaded to change what i believe is the "site title" on my website. I've been doing a ton of research and cannot figure it out, I see different code snippets everywhere and none of them have worked for me - not sure if it is a template issue? Can someone take a look and let me know if they have any ideas?? 🙂 @font-face { font-family: 'Northwell'; src: url('http://static1.squarespace.com/static/5de9520b72a53d51e502f2df/t/5e3a1cbc835c71275a61262a/1580866755060/Northwell.otf');} h1 {font-family: 'Northwell';} h1.logo a { font-family: 'Northwell'; } Thank you thank you!!

Hi, I'm using the OM template to create a simple artist page. Most of the page is pretty much set except that on mobile screens the page is not displaying correctly.What I want is for the Nav bar to be underneath the logo, the logo itself to be top and center of the page and for the background images to fill full screen. However, I got this to work briefly but now the media CSS appears to not work. The url of the website is richiequake.com and the password to view it is Help123. UPDATE I have decided to place the logo on the upper left hand and the menu button on the upper right hand side of the website. This is my CSS now: media screen and (max-width: 500px) { #header { float: none; display: block; text-align: left; }} @media only screen and (max-width: 400px) { #collection-5de6d28545f1a7075b7a2741 .canvas{ max-width: 100% !important; max-height: 100% !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 11px !important; background: url(https://static1.squarespace.com/static/5cff45ae4a957c0001a6673b/t/5dc6fcead1c0ab7b9e4f5e60/1573321963518/richie_+5.jpeg)no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media only screen and (max-width: 400px) { .logo-image .logo img { position: relative; right: 100px; top: -130px; width: 60%; //add for good resize based to screen } } @media only screen and (max-width: 400px) { #mobileMenuLink { margin: 0; display: inline-block; //change block to inline position: relative; font-family: "Helvetica Neue",Arial,sans-serif; font-weight: 400; font-style: normal; line-height: 1.2em; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; visibility: visible; left: 70%; top: -2%; } } @media only screen and (max-width: 400px) { #collection-5de6d28545f1a7075b7a2741 { } } .page-borders-thick #mobileMenuLink { border-bottom-width: 2px; padding: 5%; // ADD PADDING } #mobileNav { background: none; position: relative; top: 50%; } #mobileNav .wrapper { border-bottom-style: none; border-bottom-color: none; } #mobileNav .menu-open { margin-top: 30px !important; } Now my issue is that I want the menu to open down when the button is clicked. I tried to do this by using the .menu-open class but that did not work. How can I do this?

Hello, I need to be able to jump to my contact section when I click a button or an image I am using the Kent template and when I try to index my home page it only gives me the option to add pages and not add sections. Because of this I am not able to get the slugs for each section of my page. Is there a way to define the contact form with a unique HTML tag and then make the button go to that HTML tag? I am not sure what the best way to do this is. Thank you! Here is my website: https://rhombus-daffodil-k7x2.squarespace.com/ Password: Verinetics2020

I there a way to change the logo image file just for the mobile size in Om (possibly with css)?