Search the Community
Showing results for tags 'header'.
-
Site URL: https://www.parboild.com/ I'm using custom code to make my fixed site header transparent when at the top of the page, then opaque as you scroll down. However, I don't want this on my filtered results pages, because there is no image at the top. Is it possible to make the header always opaque on filtered results pages? Without breaking the transparency on every other page? Here's an example of a filtered page: https://www.parboild.com/?author=5cc649a0f4a17f000189897b I also have them for categories: https://www.parboild.com/blog/category/Quick+snack -
Site URL: https://katharinebarker.squarespace.com/home Hello, I have added a tag line underneath the site title on the home page only. Using the below inserted in a code block on the body of the home page: a#site-title:after { content: "Ceramicist. Penzance, Cornwall"; display: block; font-style: italic; font-size: 13px; letter-spacing: 0.1em; text-align: center However, because the Nav links automatically vertically align to the centre of the header, they are now not in line with the site title as I would like them to be (see below image, the nav currently alig
-
BURGER MENU AND BUTTONS ON DESKTOP VIEW SQUARE SPACE 7.1
Hecho posted a question in Coding and Customization
Hi, I have managed to use custom css to get a burger menu on desktop view. How do I get my button to go one side of the header (left) and the menu the other (right) with the logo in the middle? Currently my menu is on the right next to the button. Thanks Lily -
7.1 page sections oddities, header, background image
burnunit posted a question in Coding and Customization
Site URL: https://thevoterparty.org/ Hi I admit I'm feeling a little foolish and out of my depth, but it seems like forum users are super helpful and I'm not ashamed to ask for help. I took a job to help fix content management and layout issues and didn't realize how massively different 7.1 is. We have a page that someone - as far as I know, not me - edited... that looks the way the site owner wants it to look. But I can't figure out how to recreate the look elsewhere on the site. https://thevoterparty.org When I copy the page, it doesn't copy the layout elsewhere. I wonder if that -
7.1 Transparent Header Across all Pages Not Just Homepage
Eva Shrock posted a question in Coding and Customization
Site URL: https://evamaeshrock.com/ Anyone know how to get a transparent header across all pages not just homepage on 7.1? I entered a custom css I found here and it worked great, but not on every page just the homepage. I Would love it on my portfolio page. My website that is live is not the 7.1 because I'm working on it now. -
Site URL: http://clever.cooking I'm wondering how I can make my header non-transparent on all but my main page? I have a graphic on the main page so transparency is perfect there, but I'd like the head to be a non-transparent solid color on the other pages. Any help would be hugely appreciated!
-
Hi there. I'm trying to find a bulletproof way to have the logo in the site header overlap into the banner section in SS 7.0. I'm not a coder by trade, so I rely on various tutorials I can find to solve design problems. I'm currently using this bit of code to move the logo into the correct place: .Header-inner div[data-nc-container="bottom-left"] { position: relative; top: -100px; } The logo is positioned Bottom Left, while the main nav is placed Upper Right in order to keep it in the whiteground bar. It works perfectly until I add in two social links I need next to the nav in -
Site URL: https://orange-wedge-yzwc.squarespace.com/config/ Hello there, I was wondering, if someone would have advise on how to align an image on the home page with navigation menu. I have made logo part of an image as my client doesn't like elements moving, and rescaling on the home page. Even before that the logo would not line up with the navigation menu. I was wondering, would it be possible to overlap the header with the page so that the memu moves down? -
Site URL: https://www.momentephoto.com Hi, I have some troubles with header of my website. I would like to set transparent header because on page with my work (called Naše práce) there is a photo begining on the very top of the page. On this site everything looks fine but the problem shows when I go to the homepage, where is photo set as inset so it has white edges like background of the page and there the transparent header doesn´t work. On the homepage I need the text of the header to be black but it´s light gray (it was even white before but I probably changed it somehow and don´t know
-
Site URL: https://www.sneemdigitalhub.ie/ Hi there, Basically whenever I try and create a new blog post with 7.0; the colors revert to the default and it doesn't reflect the color choice on the rest of the site. Screenshots below show my default black 'homepage' and my draft blog header. How do I get it to look like every other page?
-
Site URL: https://www.roninbodyarts.co.uk Hello everyone, I have started designing my own website for my business a few days ago. I am working with the Suffolk template and I would like to have my logo sitting in the center of the header with all navigation just underneath. An example for this could be https://gammapiercing.com Can anyone help me? Thanks
-
Site URL: https://www.classfivemind.com/freetraining Does anyone know how to change the header on a specific page without it affecting the entire site? I want to remove the entire header from a landing page I built, but keep it on all of my other pages. I want to remove the logo and button from the Header on this page. I want to keep the entire header like this on all the other pages.
-
Hello, I want to remove space between header and images. So the title "creative content" could be near the header and images. Can anyone help me, please? Thank you!
-
Site URL: http://walrus-crow-g8y9.squarespace.com Hello, First off, the password for my site (since I'm still on the trial version) is: password1 I'm a little rusty on CSS, and I've had very minor success at trying to get what I want so far - basically, I just want the background color of the sidebar/header to be black, while the text will mainly be white. I've got something close to this already (though I haven't found the tags to make the text white yet), however it's not responsive when I switch to mobile display! I've tried fixing it by piecing together some CSS that I found, b
-
Padding between social media icons on site header
The_Vibbert posted a question in Coding and Customization
Site URL: http://howwhimsyworks.com I'm trying to figure out how to minimize the padding between the individual social icons on my site header. I like the padding between the center links, but the icons on the left are too far apart. Thanks in advance! -
Site URL: http://www.edmundstenson.com Hello all, I'm looking to change the colour of my header in my 7.0 Forte template. Is it possible? Any help would be much appreciated! Thanks, Ed
-
hey! so how do i get my “about” link in my header go to the about section on my homepage. i don’t want it to go to an entire new page. i just want the user to click “about” and it scrolls down for them to another section on my homepage.
-
mobile shows desktop header then pops to mobile.
kxxm3773 posted a question in Coding and Customization
Site URL: http://gallery.biomestudios.co.nz On mobile (or desktop with a narrow size and 3g/4g simulated speed) every load of a main page starts by showing the desktop HeaderTitle, and then pops to the mobile formatted one. It seems that the page always by default loads showing the desktop header, and then some javascript hides the desktop header div, and shows the mobile header div. But this makes for an obvious pop from incorrect display to correct. How can I prevent it from doing this? -
How can I add a second logo to my site navigation bar?
Chris_Aileo posted a question in Coding and Customization
Hello, I currently have my navigation bar setup like this: my site logo is on the far left, and my pages to the right of it. However, I want to add a reversed image of my site logo on the far right, so that my header has a symmetrical look to it. Is there anyway I can do this with custom css or otherwise? Please see attached an image of my header, since my site isn't live. I am looking to add the reversed image to the right of "Store." -
Hide header, footer and banner on single page Squarespace 7.0
cmac42 posted a question in Coding and Customization
Site URL: http://pilgrimsoul.com Looking for code injection to hide the header, footer and banner from a single page using Squarespace 7.0. I found code that works in removing the header and footer, but the banner remains. This is what I'm currently using to remove the header and footer: <style>.Header, .Footer, .Mobile-bar{display:none !important; }</style> Anyone know how to remove the banner too from a single page? The page I'm working on isn't yet enabled, but you can see the attached screenshot and the homepage URL if that helps. -
STANTON Template: Help moving logo to left of header
apatriciapear posted a question in Coding and Customization
Hey everyone, I am looking for support shifting my logo away from the center to the left corner. Ideally, I would love the navigation bar to be on the right side. I have attached a image to help explain myself better. Let me know if you can help :) -
Site URL: https://www.thomasperceval.co.uk/ Hi, would greatly appreciate any help with this. On my website, on the browser for desktop, the website looks fine and correct (image attached: 'desktop') There is my black writing (signature) logo on white background at the top, and above that, the menu tags for the different web pages of the website. But on the mobile site (image attached: 'mobile'), the header menu looks wrong. Because the logo in black writing is surrounded by a rectangle, which is then surrounded by a black area. I worked out that the only way to change this black a -
How to make scrolling images go UNDER header navigation
SBSB posted a question in Coding and Customization
Site URL: https://www.zeiafoods.com/about-us I have used some custom CSS to make a fixed header. On the About Us page, however, the photos of Our Founders scroll over the header. How can I change the code so that the photos will be under the header when scrolling? Here is CSS I'm using that might need adjusting. Thanks. .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:100%; transition: all .9s ease; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } .Header-inner { padding-top: 10px; transition: all .7s ease; } //ScrollNa -
Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, I recent had a custom code fix which allowed me to make my site header background transparent (original message here: ) I used the code here: body.tweak-transparent-header:not(.header--menu-open):not([data-menu-overlay-theme-switcher="true"]) .header-announcement-bar-wrapper.dark { background-color: transparent !important; } But I notice now it's not working? The white background on the header still appears on scroll. Perhaps I have broken something? It was working perfectly before. Plea
-
Once I have navigated to these pages from my home page, the header Icons are disabled and I do not know how to redirect to these tabs locations as they don't work. I should mention that my website is a one page scroll style so the majority is all on one page (home page) and the header icons are simply links down to the location on my one page scroll style home page, I just don't know how to redirect back to these from the pages which are "not linked" /not on the home page. I have attached pictures so you can get an understanding of my layout. The stem mix and master page is a "not linked"
