Luckily, I have an entire blog post about adding personality to your Squarespace website that you can use!
COKMBINE TEXT BLOCKS SQUARESPACE CODE
Adding CSS code snippets to your buttons can be super fun and a great way to add personality to your website, but if they aren’t easy to use on mobile devices, then it might be a better idea to find other ways to add in some personality to your website. Button clicks are super important, and you can track these in your analytics as well! Take a look at what buttons on your website aren’t converting well and see if you can improve their mobile design to increase conversions. Make sure that there’s enough of a difference for those who are visually impaired! You can test out your background and text colour combination using this handy tool!īutton sizes get proportionally smaller on mobile devices, so make sure that the text doesn’t get so small that it’s difficult to read and therefore click. This can be a problem when your section background is an image or design with many colours. On smaller screens, the text takes up more space. Translation: go easy on the script fonts! The text content on your website is ultimately what's going to convert website visitors, so let's make sure it's readable. Keep fonts clear and legible no matter what font size people are viewing your website at. In addition to the tips I’m sharing in this article, check out some of the tips from my friends over at Big Cat Creative in this blog post! The tips that follow work for both Squarespace version - 7.0 and version 7.1!įonts on mobile design are much smaller, which with certain fonts, can make them harder to read. Over the years as a Squarespace website designer for female entrepreneurs, I’ve gathered my best tips for mobile optimisation that can help you with your own website content. Now that you know your analytics, let's talk about best practices that will help your site and its precious content look great everywhere!īest Squarespace Mobile Optimisation Practices
Scroll down and check out the "Top Devices by Visits" section. Type in your website URL to your Internet browser and hit escape once the page loads to access the back end of your websiteĬlick on "analytics" in the left-hand menuĬlick on "traffic" in the next left-hand menu Follow these steps to find your analytics: The first thing we want to do is go into the backend of our Squarespace website and check out the analytics to see what kind of devices are most popular with your audience. Let's talk about the best practices you can implement into your Squarespace website today to stop cringing and start swooning when you look at your website on your phone.
COKMBINE TEXT BLOCKS SQUARESPACE HOW TO
And don't worry, you don't need to be super tech-savvy and know how to code in order to make your website look totally professional! I am here to tell you that your Squarespace website can stand out from everyone else no matter your website visitor's screen size. Mobile optimisation for your Squarespace website is a top priority now!īut maybe you're wondering if Squarespace is even worth it when it comes to your website on mobile devices. I also tried the horizontal rule content block, but the padding was just too large.If you don't have a smartphone, then what are you doing?! Now I'm not saying that not having a smartphone is a bad thing, but the truth is, most people are viewing websites from their phones on the go. The two text blocks in question (Menu title and Menu text) still have their respective separate references. Some additional information which may be useful: Simply, I would like the border to be under the "Menu" title text block and not the actual menu. When the page was reloaded, though the border was underneath the "dummy" menu text block and not the "Menu" title text block. I proceeded to enter a "dummy" menu in a text block below the "Menu" text block. This (unsurprisingly) successfully put a line under the "Menu" header text. I successfully completed this with the following CSS code:
I was trying to put a horizontal line under a text block in the footer (it is an H4 designation). What I did (and was moderately successful): I have come across an odd situation concerning text blocks.
0 kommentar(er)
