Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Everything posted by StoriedCorey

  1. Site URL: https://www.cantordavidfair.com/audio Hi, All– When I'm looking at my Audio page on my website on my iPhone 11 holding my phone vertically, everything looks great. When I turn my phone horizontal, everything looks great. It's when I turn my phone back to vertical that h1 doesn't adjust to the screen size and the text overlaps. Is this an issue with Squarespace? With my browser (Chrome)? With the iphone? I have to refresh the page for it to look right which is deeply frustrating. (Progression below..)
  2. WOW, @creedon! I totally overlooked that! Wow, just wow. Thank you!
  3. Sorry, @derricksrandomviews... I should have mentioned. I'm using Margot, 7.0. I have some CSS in the page header, but nothing that would cause this. Some code swapping the Logo on this page. <base target="_blank"/> <style> .Header-branding { display: block; max-width: 100%; max-height: 124px; content: url(https://static1.squarespace.com/static/5ffbf35d5a6fae169d96245f/t/60137b1239663a66353ef76d/1611889426282/21-001_FINAL_COLOR.png) !important; } </style>
  4. Site URL: https://www.cantordavidfair.com/ Hi All– For some reason, when you're on the VIDEO page of my website, every other page you navigate to opens in a new tab and I can't figure out why? It's only when I'm on the VIDEO page, when I'm on other pages and click the navigation links, those open in the same window. Any advice? Thanks! Site: cantordavidfair.com PW: DAVIDSINGS
  5. Hmm, that didn't do anything @tuanphan, BUT I'm having the same issue with other websites, so it might be my device and not the website.
  6. That's a GREAT fix. Thank you, @bangank36! I added the custom css snippet in the individual page code injection. Works perfectly!
  7. Site URL: https://www.debbiemarkswellness.com/ Hi, All... I've reduced the size of my image blocks site-wide for mobile using this CSS: @media only screen and (max-width: 640px) {.sqs-block-image { width: 80%; margin: 0 auto; }} I want to further reduce the size of image blocks on the following sub-pages under RESOURCES; 1. Health & Wellness, 2. Yoga Teachers, 3. Parents. Is there a way to reduce the size of image blocks on those 3 specific pages without disrupting the CSS that reduces image blocks site wide? Thanks!
  8. Good catch, thanks, @tuanphan! Is there a way to control the size of the text on tablet only when in this vertical orientation? Or maybe control the size of the Squarespace audio player?
  9. Thanks so much, @derricksrandomviews. That's been such a source of frustration for me! It seems like it's different in every browser on every device. On mine it's ok. I wish that Squarespace didn't zoom in on banner images with parallax enabled. The image looks much different without, but I haven't figured out a way to control that.
  10. Site URL: https://www.debbiemarkswellness.com/ I'm having a hard time wrapping my head around this... I spent some time today optimizing my site for mobile, reducing image sizes, styling the nav menu, adding a logo to the nav menu... Everything looks ok when I'm holding my mobile phone upright/in portrait. It's when I turn my phone sideways/landscape, that things get really funky. The browser window no longer fills the frame, there's a left right scroll indicator, it just looks really off and I wonder if I made an error in my custom code. Photo below. Also, and maybe even more concerning, when I flip my device back to portrait/upright, the browser doesn't snap back to full frame as seen in the photo below. Any advice would be helpful! PW: BEWELL
  11. Site URL: https://www.debbiemarkswellness.com/ After a lot of sleepless nights, and with help from so many Forum Circle Members, I built my first website! (The crowd goes wild!) I'd love your feedback: What are your first impressions? Is there anything that's super clunky? Do you have any thoughts for enhancing/improving the design? Are there ways to smooth out the desktop experience? What did I miss/overlook? I'll add that I haven't optimized this website for mobile devices. I plan to do that next week once the desktop build is final. Thank you all! Website: debbiemarkswellness.com Password: BEWELL
  12. Thanks for the suggestion, @SQSDesign! I'm not familiar with page names/how to find them/how to apply code to specific pages, but I took your concept of applying the code snippet to select content and found the ID's for the 5 blocks on my website that use this styling and applied the css to those five blocks. Worked like a charm. Thanks for the help!
  13. I didn't actually create an underline, @SQSDesign. Here is the code I'm using to place a short line beneath my page headings: h1 { position: relative; &:after { content: ''; position: absolute; bottom: 0; height: 3px; width: 50px; left: 0; background: #EEEEEE; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); } &[style*="text-align:center"]:after { margin: 0 auto; right: 0; } &[style*="text-align:right"]:after { right: 0; left: auto; } } I just don't want to apply this to my blog titles which also happen to be h1.
  14. Site URL: https://www.debbiemarkswellness.com/ Hi, All. I created some Custom CSS to underline h1 sitewide, but that code is being pulled to my blog (I think) which is why I have this strange line underneath my blog post titles. Do you have any idea how to remove this faint gray line on just my blog posts? SITE: debbiemarkswellness PW: BEWELL Page: https://www.debbiemarkswellness.com/blog/you-have-it-all
  15. Great idea, @bangank36! We're getting there. I need a little breathing room on top, but I can play with the image now and add the padding I need, knowing that a removing of the background is the way to go. Thanks!
  16. Site URL: https://www.debbiemarkswellness.com/ Hi all! I'm trying to move the Logo and Navigation Bar UP on my website, but I can't seem to do so because there is a border or padding around my logo. When I change the logo with in the site Styles Menu, I can put logo and nav where I want, but the logo is too small. Change the width and the logo and nav move way to far down. Any CSS to control this? debbiemarkswellness.com PW: BEWELL
  17. @tuanphan Is there a way to apply this code injection to only one line of text and not ALL the text on the Lock Screen? If you look at debbiemarkswellness.com I want to apply this to ONLY the middle line of text, "Wellness is on the way..." which in Squarespace calls Headline. I can do this in preview, but can't figure out what the element is called and how to write the code in the Lock Screen injector.
  18. Thanks, @RyanDejaegher! Might be reaching out again. Appreciate the help!
  19. SITE: debbiemarkswellness.com PW: BEWELL PAGE: Blog Thanks, @RyanDejaegher...
  20. Thanks, @tuanphan! The only problem with this Javascript... when the excerpt exceeds 140 characters, it shortens it, adds the "..." which is great, but it also adds a Read More and removes the Squarespace Read More hyperlink with arrow. Is there a way to tweak the Javascript to remove Read More from the excerpt and reinstate the Squarespace hyperlink w/ arrow? (You can see the difference in blog 1 & 3 vs. blog 2.
  21. I'm using this same format, @tuanphan, although using the Brine template. If there is a way to share a link to an unpublished website, let me know, if you'd like to look at my specific blog.
  22. Is that possible, @tuanphan if the site isn't published?
  23. Using the Basil template, I'm trying to inject code to limit the length (number of characters) of the blog excerpt to just three lines of text, followed by "...", so each and every time I create a new blog post and add an excerpt, the excerpt is always the same length. Is this possible with CSS or with a header code injection on a Blog page?
  • Create New...