KaitlinRae

I would like to resize my text for mobile as it is much larger on mobile than I would like it to be. And much smaller than I would like it to be on desktop

Yes @tuanphanthar is correct

My password is: hello (Please make sure verything is in lowercase, it seems to be working on my end)😊

I have updated the link: https://okra-cobalt-7r8l.squarespace.com Password: hello Would you also be able to help me with the clickable images in my drop down menu when hovering over a tab such as "services"

the site is https://seahorse-chimes-nwsd.squarespace.com/ and my password is: hello it was the homepage, however I have removed the code temporarily

hi @tuanphan, I have tried this code and it works, however is messes around a lot with my site. It changes the screen size, the fonts and colors. I have attached images of the before and after images. BEFORE: this is what my site looked like before adding the code AFTER: this is what my site looks like after adding the code I hope you can help me with this

My headings seem to be quite large on my mobile view (It appears to have taken on the same size as desktop and unfortunately does not scale down to look good on mobile, how to I make my paragraph texts as well as my heading different sizes on mobile and desktop. At the moment the paragraph size isnt as big as I would like on desktop because I have to make it small enough for mobile if that makes sense?

hi @tuanphan, I have found this codepen and I hope you can help me convert it for my squarespace site.https://codepen.io/abraytondesign/pen/XZYGbx Would it be possible to add images and change the colors? Kind regards kaitlin

@tuanphan I hope you can help me, I would like to ask if it is possible to include clickable images formatted in the same way as this website. I would like a similar effect as the "services" tab of onlychild.com that would be functional on desktop as well as mobile like theirs is. This might seem a bit stupid, but I am having a hard time with this. My font sizes look good on desktop view but it looks so big on mobile view which i just cannot seem to change. So i reduced the size in order to compensate for both views but now its is smaller than I would like on desktop. How can i fix this. my site is: https://blueberry-pug-5srz.squarespace.com/ password: hello

Hi there, I would love to know if this effect would also show on mobile view?

@tuanphan it is https://cowbell-marlin-lxs5.squarespace.com Password : hello

@tuanphan I seem to also be having the same issue with a non-squarespace font. I am trying to use Impact, Baskerville regular and Baskerville Italic. It works great on my desktop site, however the fonts appear to not be the same on my actual mobile site. I am not sure at all how to work this. this is how it looks on my desktop the code I used for my fonts: @font-face { font-family:'Impact' src('https://static1.squarespace.com/static/643f9fb697e2353e05a470a7/t/644fe84b0d1ece6685e72eda/1682958412420/impact.ttf') } @font-face{ font-family: 'Baskerville' src('https://static1.squarespace.com/static/643f9fb697e2353e05a470a7/t/644febeaa218b20c9b37718e/1682959339088/BaskervilleItalicBT.ttf') } @font-face{ font-family: 'Baskervilleregular' src('https://static1.squarespace.com/static/643f9fb697e2353e05a470a7/t/644feda643d64003211c4637/1682959782812/Baskerville-Regular.ttf') } h1{ font-family: 'Impact'; font-weight: 100; letter-spacing:0.01em; line-height:1.1em } h2{ font-family: 'Baskerville'; font-weight: 300; font-style: italic; text-transform: lowercase; letter-spacing: 0.01em; line-height: 0.6em; } p{ font-family: 'Baskerville'; } @h3font: 'Impact'; @h3size: 12px; @titlefont: 'Impact'; @h2size: 25px; @psize: 20px; @h1size: 35px; I realllllllly look forward to hearing from you

@tuanphan thank you so much! The button is perfect. May I ask how to link the button to pages on my website. I only see options to edit the code but I am not sure what to do to link the button. Is there a way to also change the button size for desktop as well as a smaller version for mobile?

@tuanphan I am very new to CSS on squarespace and I am soooo happy I found this channel. I would like to add this button effect to my squarespace buttons but I am just not having any luck. Could you please help me with the code as well as how to go about adding it https://codepen.io/desenvolvweb/pen/jOEjxQM thank you soooooo much in advance