xjennix937

I was having issues with my site not formatting properly for mobile. To solve that, I have it re-routed to a page I made specifically for mobile. The issue now is that when you search in Google, the description that populates says "Mobile" before the site name and description. Is there any way to hide this, or is there a simpler way to resize images for mobile without affecting their appearance on desktop? Our audience is split down the middle between mobile and desktop use. Thank you in advance for any advice you can provide.

Thank you both for your suggestions! @DPruitt, I went ahead and built out an additional index page and it worked just fine. Thank you again for your time.

I have been trying to resize my banner images for mobile and I'm having a difficult time. I was able to get the mobile image loaded for the welcome page using the following css, but I can't hide the image I have loaded for desktop (see image). /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; /* CSS FOR MOBILE */ @media @mobile { #welcome-to-modern img { display: none; } #welcome-to-modern .sqs-block-image img { display: block; } #welcome-to-modern { background: url('https://images.squarespace-cdn.com/content/v1/633b8e53775c0c5c133adeee/67dc4734-6ed0-4ab7-b752-218d76f6878a/welcome+to+modern_square.jpg?format=2500w'); background-repeat: no-repeat; background-size: 100%; } Thank you in advance for any help you can give!

Amazing! Thank you so much for that, it worked perfectly : )

Site URL: http://www.dandelion-drum-w9ws.squarespace.com I used the following code to add a back-to-top button to my site: #back-to-top{ height:35px; width:35px; position:fixed; padding:0px; bottom:0; right:0; z-index:99; display: flex; border-radius:50%; box-shadow: 0px 0px 0px #ccc; margin:20px; background:white; } } This worked great on desktop view, but for mobile I'm now seeing the arrow as a giant image at the top of the screen, so large you can't even see the entire picture (see screenshot). Additionally, sometimes when I first go to the site I see the image very large at the top, but then it shrinks down, as if the code is delayed. Any advice would be greatly appreciated!

Oh my goodness, thank you so much for your help with this, it worked perfectly : ) I apologize for the delay on responding, I did't see your comment until just now. Many thanks for your assistance!!!

Site URL: http://www.dandelion-drum-w9ws.squarespace.com I entered code to get my "back-to-top button in place, and there is a weird overlap, rather than the image laying perfectly over the button. Here's the css I have entered: #back-to-top{ height:45px; width:45px; position:fixed; padding:9px; bottom:0; right:0; z-index:99; border-radius:100%; box-shadow: 0px 0px 5px #ccc; margin:20px; background:white; } html{ scroll-behavior:smooth; } And this is the code I've injected in the header: <div id="scroll-here"></div> <a id="back-to-top" href="#scroll-here"> <img src="https://static1.squarespace.com/static/61f41cf600dec14c7c38f90b/t/62542758a81ed506e7f2b164/1649682264925/arrow-up-circle-52_989ac618-1138-4d30-9b85-aee2cc99139e.png"> </a>