Search the Community
Showing results for tags 'brine-template'.
-
Hello, I created a fix menu in Mojave, see code below. Now I would like that the sliders I have on my content pages goes under the fixed menu, and not over it.Is there a code for it? Thanks for your help, .Header, .Mobile { width: 100%; /* for IE and Edge */ position: fixed; /* for IE and Edge */ position: -webkit-sticky; /* For Safari 6.1+ */ position: sticky; /* Latest browsers */ top: 0; z-index: 4; } Sly
-
Change nav bar on Mobile? Separate Nav bar for Mobile?
JordanAWH posted a question in Coding and Customization
I have a folder in my nav bar, which works great on desktop. However, it doesn't work for me on mobile. I need a way to have just the nav links that are IN the drop down menu folder on mobile. I really need a way to have the folder on desktop nav bar, but only the links in mobile. Any suggestions? I am up for any code injections, or custom codes that will accomplish something like this. My template is Mojave. Thank you in advance for the help! -
How Do I remove underline from just the Image Block?
BKCO posted a question in Coding and Customization
Hello, I like how the underlines look in the regular text throughout my site. However, I want to remove the underlines in my Image Block : Card. Can anyone provide css for this? I am using the Blend Template. Thanks! -
I'm currently using the Mercer template. I've added my social links that is showing up in text in the footer. I would like to use icons instead, how do I change that? Thank you!
-
I'm using the Brine template and just created a blank page. In the design styles I have the footer hidden. In the body of the page I have a map and a bit of text but it's not taking up enough area on the page to fill it and as a result, there is a black space below my white page. It isn't there on any of my other pages, just this one. It's almost like there's a footer there that's just a black space. Any ideas how to get rid of the black bar?
-
Hello! How do I get rid of the HUGE white space between my logo/navigation and the photo? https://www.lizzyrussinko.com/ Thank you for any help you can provide!
-
Adding Email Sign Up Box to Header / Nav Bar Brine
victorlbill posted a question in Coding and Customization
Hey there, I'm wondering how I can add an interactive email sign up box to the header in Brine. Please see screenshot attached (Governor's Ball) Alternatively, I could do an 'additonal' header/nav bar on top of the normal header/nav bar. Example attached (Bonnaroo). Thanks in advance for taking the time to read my question! Website is: https://apple-corn-kj4j.squarespace.com/config/ Victor -
Brine family - full bleed banner and constrained site body
NaomiH posted a question in Coding and Customization
Hi everyone, I use the Maple template - part of the Brine family - and am trying to figure out how to keep my hero banner and header to the full width of the screen, while keeping the body content constrained. I've tried using the following: body { max-width: 960px; margin: 0 auto; } This does change the content to the width I want it at, but unfortunately also squishes the hero banner into the same size. Is there any way I can achieve the look I want without using spacers on the page? Thank you in advance! -
hello all ! I was wondering if anyone knows the correct size for background banner images for index pages? I was using 1500 x 1000 on canva but when i upload the design it comes out blown up,distorted and also very blurry , even when i change the focal point. I only have a chromebook so I'm not able to use photoshop , but I use photopea & canva to create my graphic and web designs. Also i want to note that I tried using my own custom dimensions and also the canva web design template dimensions but eveything is still distorted. I am using the Stella template. Am I doing anything wrong
-
Hi, I'm using the Brine template, which on mobile, creates a margin of 64px above the content, that acts as the background to the navigation bar. In the Site Style, the only control over this, is site background colour which is currently set to white. Is there a way to remove this space, or move the content up behind the nav bar to reflect the larger breakpoints. Site can be viewed here Thanks so much
-
On this page (https://www.recordofalife.com/example), the banner photo is fullbleed & parallax. My question is, is it possible to make an image block with a single photo (not gallery images) do the same (fullbleed & parallax)? If you look farther down the page there is an image block with a single photo. I'd like to isolate this per page and not applied site wide if possible. Thank you. K.
-
I'm having a strange problem with my site where it appears that the max-width container on screens above 1200 px goes down to 33%. It looks lousy and I'd like to change it, but I can't figure out how to do so. The site is https://www.ofbyforall.org/ and the problem occurs on blog posts like this one. Using the inspector, I was able to figure out that the width of the container goes from being 100% for every screen smaller than 600px 83.33% for screens 600px - 900px 66.67% for screens 901px - 1200px Then at 1201px, something happens and there's no media query at all, and it defaults to
-
force mobile nav on brine without changing breakpoint?
cherylr posted a question in Coding and Customization
I'd like to force my Brine site to show a mobile hamburger navigation BUT I want to allow the title to be very large on a desktop (but proportionate on mobile). I can't achieve this by changing the mobile breakpoint, because this will make the title small. working here: https://lilac-plums-nn8j.squarespace.com/ password: bassoon -
Hi I'm using a brine template and I want to over-ride the colour of a H1 heading with code. And potentially the font choice too. What is the code for this? I only want to do it in 1 spot. I'm doing it so my page has the heading but I don't need it displayed. Is that a good practice? Thanks! https://lonsdalestudio.com/faq
-
Hello, I would like to code a custom font into the header of the mobile view of my website. I have done so successfully for the regular view but it defaults into standard font when i switch to mobile view. Any ideas? This is what I have for the desktop version and it works great: @font-face { font-family: 'retro_computer_personal_use'; src: url(https://static1.squarespace.com/static/5c253509f8370a48f3940027/t/5e16848141d1895d960adb21/1578534017904/retro_computer_personal_use.ttf), } .Header-branding { font-family: retro_computer_personal_use, sans-serif !impor
-
Hiding / Removing Blog Posts from Website Search Bar
TeamEDA_Inc posted a topic in Pages and Content
To anyone that can help! We are currently using the "Mentor" [Live] template and have installed a search bar. We are using the blog feature as a sort of document repository for resource documents for customers and a central location to keep things as a backup if we need them. Currently, I am trying to "remove" an older blog post (a document) that is no longer relevant. I have; Removed the categories tag Removed the keywords tags So the post no longer shows on the main resource / blog page specifically. However, the issue I am running into is that when using the s -
The titles on my gallery slideshow are too small on mobile. Is there any way to adjust this? Also, is it possible to adjust the size of the right/left controls, beyond just the "large" and "small" options? My site is twilightrail.com, the password is "cat", and I'm talking about the home screen. Thanks so much for any help.
-
Hi there, I have a site that I'd like to add some overlay text on an index gallery slideshow. I'd like the text to remain static while the images change similar to this site: https://josephhardin.com/ I have tried endlessly to figure this out without success. Anybody care to chime in? Bonus points if the text can be positioned to the left side of the page! Website: http://www.jaredtseng.com/new-index Password: orangeflute
-
Hello, I am using the Rally template and would like to change the blog item spacing. Currently I have it set as 55px, and would like to keep it 55px on the top of the page but make it 0px at the bottom of the page. I would like to make this change to all the pages. I have only the basic plan so please tell me the Custom CSS I can use. My site URL is https://www.lenstokyo.city/articles/2016/9/15/qgpxmy8tnnjgmrzirmcs7fdr459qmj-zhyxg Thanks
-
I am using the Basil template. On mobile view it is cropping my page banners (NOT concerning the parallax home page/index pages, but all other pages accessibly by navigation tabs). I'd like help writing CSS code to allow page banners to show full height. Example page below: https://thefatdonkey2020.squarespace.com/locations password: Donkey Any assistance appreciated!
-
I'm using the basil template (part of Brine family). My social icons that are set in the navigation (template standard option) do not appear when in mobile view. I need css code to make social icons appear in mobile view (either on homepage, which is parallax scrolling homepage or in the navigation mobile drop down hamburger/lines). Any assistance appreciated! www.thefatdonkey.com
-
Hi, I would like to use a hamburger menu on Brine Template (Desktop) I chat with the customer service and understand that it might be able to do it with custom codes. Any help. Thank you.
-
BRINE Template Stick Nav with Black on scrolling
jasonconway posted a question in Coding and Customization
Hi Everyone, I've created a client site using Brine and set the navigation to float on the header image. But, I really need to have a sticky header so that when scrolling, the nav section switches to a black background. I used some code which does make the nav sticky, but this does not switch the navigation block, so, the links are currently not viewable when scrolling over the rest of the page. Header { position: fixed !important; top: 25px !important; left: 0 !important; right: 0 !important; } I want the header to be sticky on all pages. I hope -
Hi everyone, I am using the Mojave as my base and have added in a few images that look great on the desktop site, but far too clunky on the mobile layout. Previously i've made a few websites on here and have been able to switch off mobile view but its not possible anymore. ( heartbreak! ) The website is: https://seabass-bugle-acpz.squarespace.com/ In the first image ( image 1 ) about Us > Values i want the icons on mobile to look the same as image 1. Image 2 shows how they look when we switch to mobile view. Third image (image 3) is how i would like the Project view
-
Brine - change color behind nav in lower center position
cherylr posted a question in Coding and Customization
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?
