Jump to content

mirandakelton

Member
  • Posts

    11
  • Joined

  • Last visited

Posts posted by mirandakelton

  1. Hey all, having a weird issue on mobile - all of my images that are uploaded using the "Stack" image block design are showing up blurry. On desktop they look great - but as soon as I look on mobile they are blurry. It did not used to be this way, I just noticed this issue & am not sure when this started happening. Any ideas? I am on 7.0, Brine - Rally template. Here is a page where it is easy to notice the issue - scroll down to "Personal Branding Galleries" on mobile to see what I am talking about. It appears to happen at a certain breakpoint, the images usually look fine on both desktop and on an iPad: https://mirandakelton.com/personal-branding-photography

    Any ideas as to why this is happening?? I do have a lazy load code installed, not sure if that is potentially the culprit?

    Desktop - Good Quality.png

    Mobile Screenshot - Bad Quality.png

  2. On 4/5/2023 at 10:02 PM, tcp13 said:

    Try this:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    
    <script>
      $(".Mobile-bar-menu").attr("aria-label", "toggle mobile navigation menu");
      $(".Header-search-form-submit").attr("aria-label", "search");
    </script>

     

    @tcp13 Looks like that worked!! Thank you so much, I really appreciate it!

  3. Question here about adhering to Google's best practices for affiliate links with Amazon Blocks on Squarespace. I have a directory on my site of recommended products & am using Squarespace's "Amazon Block" feature. I want to make sure I am not hurting my rankings - I reached out to Squarespace and they were unable to give me an answer as to whether or not their Amazon block includes coding measures to tell google whether or not these are sponsored or no follow links. They recommended "custom code" or "reaching out to Google" to "see what google's policies are regarding amazon links". Anyone have any insight on this? 

     
  4. Site URL: https://www.mirandakelton.com

    Hi everyone! Looking for a little bit of help with formatting my navigation menus. I have a widescreen desktop computer (17") and my navigation looks perfect with that screen width - however, when someone looks at my site with a smaller desktop screen (say 13") it's not quite small enough to shift to the tablet/mobile view, so my menu navigations get compressed and the dropdown menus all overlap each other. If I could do some sort of responsive text size css that would be great! I just want the navigation buttons to all stay inline & for the text to just become smaller if someone is looking at it on a smaller computer screen. Hopefully that make sense! Has anyone found a good way to fix this problem? Any suggestions would be much appreciated! Photos below to show the issue! Mobile Breakpoint is currently set at 1000px. 

    Widescreen.jpg

    Smaller Screen.jpg

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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