Jump to content

MeganH888

Member
 View Profile  See their activity

  • Posts

    20

  • Joined

  • Last visited

 Content Type 

Everything posted by MeganH888

  1. MeganH888
    Thank you so much!!! ☺️ I didn't think anyone would respond, it definitely makes me feel better than another pair of eyes has reviewed my site. I like your idea about using different quotes, I'll look around and see if there are others that speak to me. 😁
  2. MeganH888
    Okay, I'll get in touch with them. Thanks a ton!
  3. MeganH888
    @tuanphan Would it be crazy to try adding “Poppins” as if it were a custom font? I’ve found a lot of your answers to people’s questions about custom fonts not displaying on Safari, wondering if this could be a workaround. I hope that makes sense!
  4. MeganH888
    Still didn't work! This is tricky... I tried clearing my cache and disabling some mobile ad blockers/security apps too. Any other ideas? Thank you for all your help so far!
  5. MeganH888
    Site URL: https://www.meganhochstrasser.com/ Hi everyone, I've just made my personal site live and would appreciate feedback on any aspect of it! https://www.meganhochstrasser.com/ I wanted a place to display the various types of work that I do so that potential collaborators or future employers can get a sense of my skillset and style. I'd especially like to catch any typos, missing alt text, quirks of particular browsers/devices, problematic custom css (I added a surprising amount but am not a pro so I'm not sure if anything is inefficient), etc. Thank you!
  6. MeganH888
    Yes!!!! Solved! Thank you SO MUCH!
  7. MeganH888
    @bangank36 I realized I explained this poorly to begin with (sorry!). I'm fine with the way the "Next-Gen Educational Technologies" section displays on desktop and mobile, it's just the "Augmented Reality (AR)" section below it where I'm having issues. On mobile, I'd like to keep the two app store buttons side-by-side and also change the order in which everything displays so in the end it looks like this: (1) <video thumbnail with phone> (2) "Augmented Reality (AR)" (3) Paragraph of text (4) Side-by-side app store buttons ––––– Right now, it's in this order: (2) "Augmented Reality (AR)" (3) Paragraph of text (4) Side-by-side app store buttons (1) <video thumbnail with phone> ––––– I added the version of the css you sent but used the section ID for the "Augmented Reality" section, as follows: @media screen and (max-width:767px) { div#page-section-61d62c3360522232481768af .sqs-layout > .row > .col > .row:nth-child(2) { display: flex; flex-direction: column-reverse; } }
  8. MeganH888
    @bangank36 Oh shoot, wait. That fixed the button display issue, but now the video that's supposed to be above the blurb is below it (the hand holding the phone should be right above or below the text that says "Augmented Reality (AR)." (I hadn't had this perfect before, but ideally you'd see the video thumbnail, then category title (e.g. VR, AR, or 360), and then the little blurb.
  9. MeganH888
    Ahhh yes!! That fixed it. Thank you so much!
  10. MeganH888
    Hi, I had the same issue with two images (Apple app store and Google play store links) on mobile (see "Augmented Reality" section on this page, pw: J@s7w^3$U3GYwv) and originally fixed the issue with this css: But then I needed to change the order in which items in the "Next-Gen Educational Technologies" section display on mobile so I added the following css: The buttons are messed up now (they're still 50% size, just stacked rather than side-by-side), see screenshot: Can anyone recommend a fix? I'm too inexperienced with css to figure out what's causing the clash. Thank you in advance!
  11. MeganH888
    Sure thing, here's a screenshot from Firefox (correct): and Safari (incorrect):
  12. MeganH888
    @tuanphan Another update, I just tried this on my partner's phone and the fonts display correctly on Safari for him. I have an iPhone Xs, he has an SE. Not sure if this provides any clues! (By the way, I also had to make all the "communication" text you helped me with even smaller to fit onto his small screen, so it was a useful test device. Hopefully now things will look okay even on devices I don't have handy.)
  13. MeganH888
    @tuanphan Thank you for this, I tried it but don't see any difference on Safari on iOS. I also just tested Firefox and Firefox Focus on mobile and the fonts display correctly in Firefox but not in Firefox Focus. Any other ideas?
  14. MeganH888
    @creedon Oh, interesting. Okay! Thanks for looking into it. 😄
  15. MeganH888
    Sure thing, see the section called "Undergraduate Course & Journal Club" on this page (pw: J@s7w^3$U3GYwv). Also attaching a screenshot. It looks okay when I check the Squarespace mobile preview, but not on my phone using Chrome. Thank you, @creedon!
  16. MeganH888
    I have the same issue, did this ever get solved? Anyone have ideas?
  17. MeganH888
    @tuanphanThank you SOOO much! This all worked perfectly. I use the Personal Plan.
  18. MeganH888
    @tuanphan Thank you!!!!!!! That fixed the homepage issue, but not those shown in screenshots 2 and 3 (the header text on the Communication page and the link to the next portfolio page at the bottom of the Science page). Any ideas for those? Also, this is probably separate but I'm using a built-in Squarespace font called "Poppins" and it isn't displaying on Safari on mobile, but seems okay everywhere else. I see solutions elsewhere for this issue with custom fonts, but am confused as to why a standard option would have this issue and whether the same fix will work.
  19. MeganH888
    Site URL: https://www.meganhochstrasser.com/ I have three main words ("projects") listed on the homepage of my site (screenshot 1). They look great on desktop but on mobile, the word "Communication" is so large that it extends off the screen. This is also happening in the header on the Communication page (2) and in the bottom-screen navigation that directs users from the Science page to the Communication page (3). Is there a way to adjust these without making them smaller on desktop? https://www.meganhochstrasser.com/, pw: J@s7w^3$U3GYwv Thank you in advance for any help!
  20. MeganH888
    Had the same issue and have only resolved it by turning off animations. It's disappointing not to be able to use this feature. Anyone else have ideas for workarounds?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources