dearnaomichan

@tuanphan Thank you so much!!!! Always here to help us out.

Oops I thought I did... https://flagrant-testing.squarespace.com/about pw: flagrant @Ziggy

@Ziggy Yes!

PW: flagrant I just need another developer to help me see what I am not seeing. I am trying to add css to force the nav menu into a hamburger for desktop too, but for some reason it's on the left side of the logo? I think I just need another set of eyes on this to help me figure out whats happening. I want it on the far right side instead of the far left. This is the code I'm adding in, it's worked for me in the past but for some reason now it's not: .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible;} Thank you to anyone who gets a second to look.

@RuthLyne @tuanphan Have y'all found the solution to this?

@tuanphan You answered my question on the question I posted! I accidentally had "san-serif" in my @font area. Fonts are all working now!

@tuanphan wow yes thank you!! I just needed someone else's eyes on it.

@tuanphan yes! the page in the screenshot is https://thehighguide.squarespace.com/guides (pw:guide)

Site URL: https://thehighguide.squarespace.com/ Hello I'm having issues with my font not showing on devices other then my own. because its already installed on my computer, I think? But either way, when I check other devices, it looks like the fonts are loading to the website when I check under Application > Fonts in dev tools. I've preloaded the fonts so they're present, but not showing up on the website. Any help is extremely helpful, I truly don't understand whats going on. Do we need to purchase the subscription or something for it to show on 7.1? The fonts are Chap Regular and Sneak Regular. There are a lot of SVGs and PNGs with the font exported in it, but the live text doesn't show the font. This is what its suppose to look like: (attached img) pw: guide Please help!! Thank you so much for any advice!

@mdr_willis Hey did you ever find a solution?

Hey @tuanphan , do you mind helping me with a similar (but kinda different) issue? My font on my website won't show on any other devices (except for my computer, the one with the font loaded to it already). I uploaded them via the Custom File Manager and linked them: @font-face { font-family: 'Chap', sans-serif; src: url(https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c09e742d9264d45cfab2/1624555678728/Chap+Regular.woff), url(https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c108a6105b3a57b2a280/1624555784250/Chap-Regular.ttf); } @font-face { font-family: 'Sneak-Regular', sans-serif; src: url(https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c0b1e8b78c2e37d7b78c/1624555697236/Sneak-Regular.woff), url(https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c173b0883a4b7153979b/1624555891816/Sneak-Regular.ttf); } h1, h2, .image-title.sqs-dynamic-text h4 { font-family: 'Chap', sans-serif !important; } a, p, h3, h4, h5, h6, .sqs-block-collectionlink a, .sqs-block-button-element, .header-title:after, .sqs-block-quote blockquote, input { font-family: 'Sneak-Regular', sans-serif; } I check on someone else's device and I can't see any of the custom fonts, but since I'm preloading them they're showing up in the Dev Tools Application area. If I don't preload them, then they don't show up in the Dev tools at all. But either way the font doesn't show up on the website. preloaded in the Code Injection Header area: <link rel="preload" href="https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c09e742d9264d45cfab2/1624555678728/Chap+Regular.woff" as="font" type="font/woff" crossorigin="anonymous"> <link rel="preload" href="https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c108a6105b3a57b2a280/1624555784250/Chap-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous"> <link rel="preload" href="https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c0b1e8b78c2e37d7b78c/1624555697236/Sneak-Regular.woff" as="font" type="font/woff" crossorigin="anonymous"> <link rel="preload" href="https://static1.squarespace.com/static/60bd2b4a17103210544bf776/t/60d4c173b0883a4b7153979b/1624555891816/Sneak-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous"> Maybe its something wrong with the font links but I don't get whats going on. Any help is appreciated!! https://thehighguide.squarespace.com/ pw: guide

@sorca_marian ok great because that would be extremely helpful! I am specifically trying to stick the A-Z element on the first section of this page (https://thehighguide.squarespace.com/glossary-a pw: guide) so it sticks at the top over the other section below it. I've make sticky elements within the same section, but never over other sections. But i've found that Jquery is extremely heavy and weights down the website. Thats why I asked about vanilla javascript. Any advice would be helpful, Thanks!

@sorca_marian Do you have a solution using Javascript? Not using Jquery?

A long over due update, all my SVGs started working after we purchased a subscription and were not in the trial period anymore!

UPDATE: I'm having issues linking ALL my SVG images, not just on this page. I feel like it might be a 7.1 template issue? Since I can't upload and SVG image to an image block or in the CSS File Manager, I must upload it on a separate page and use the link to the image. I've done this several times before in the past but for some reason on this website it isn't working. I've reached out to SqSp Help Email to see if they can shed any light on the issue of a link to a file in the file manager not working.