Kaiyo

hey, firstly thank you very much for taking the time to give your feedback and apologies it has taken me so long to respond. 1. have removed the captcha from newsletter 2. there's no option to remove underlines but have just now added some code to remove. i think i separated them because i kept getting search console mobile usability issues saying clickable elements were too close together and that was one of the only things i could see that was close to each other. thank you for the SHIFT + ENTER tip! that was doing my head in for a long time in some other areas where i couldn't reduce the spacing 3. not sure exactly what this looked like at the time but i believe i've updated the hero images on my main pages, possibly some of the text. they're still fullscreen though as i just feel it looks a bit strange and not that aesthetic to have the hero image only cover half the page and then text etc come in or be half cut off underneath? 4. have moved this into cards along with a lot of other sections on my 3 main pages. the main reason i didn't use cards in the first place is they're not that easily customisable on squarespace and a bit of a pain to work with e.g. if you only have 2 columns the cards are huge even if you only have a small amount of text. i actually just had to use a blank coloured image with text inside instead of a card for these sections in particular as i couldn't get the spacing and padding close to how i wanted it. 5. tbh i had kind of chosen the navy colour and this was one of the only colours i liked enough that i thought went with it, i've lightened it a bit for all the cards etc. which i think maybe works better. it's also hard though because obviously the colours display differently on different devices and may not be translating the same as how it looks for me. may be something to look at changing down the line. 6. i think at the time i may have just had this white/gray. i use dark mode so never noticed it as an issue. i didn't want to change to black as I, and i assume probably a fair amount of other people, use dark mode so i've added a background to the white to make it visible on both 7. yeah i agree, i kind of just put those boxed pictures of USB etc. as i was struggling to find a decent quality PNG to match the others... overall i don't think the pages looked very consistent with the images/icons/pngs so i've decided to change everything over to icons for a more consistent feel. i think (hope) the site looks a lot more polished overall now. thanks again for the feedback!

The animation as in each section fading in as you scroll? I think that was on by default for every section, can look at changing it though. Thanks for the feedback!

Site URL: https://www.kaiyosonics.com/ Hi guys, I've recently launched my website and just after some feedback for things I could improve. If anyone has a minute would be much appreciated!

thanks, that still doesn't fix the line spacing issue though either. I decided just to make the font size smaller so it fits on one line.

hi, this solution puts it onto a new line but it doesn't remove the space between 'pursue' and 'your' so the text isn't properly centered. It also doesn't create the same line spacing as between 'your passion' and 'for music'. Any ideas to fix those issues?

all good now for this one thank you

Site URL: https://www.kaiyosonics.com/ Is it possible to make this: look like this: on mobile only? I just want a line break and no space after pursue as in PURSUE<br />YOUR PASSION just not sure of the code to implement it on mobile only Cheers!

I ended up sorting this using the collection id for each page instead of homepage

Site URL: https://www.kaiyosonics.com/book-online-lessons The options when trying to book a lesson are being cropped off on my scheduling block. It should have another 'recurring' option underneath 'add another lesson'. I think on some devices it may be cutting off some of the times as well. Is it the iframe height that is cutting it off? Here is one of the pages with the scheduling block: Book 1:1 & Group Online DJ Lessons | Beginner & Intermediate (kaiyosonics.com) Thanks!

perfect, thank you!

legend, thank you! i just have the same issue on 2 other pages, what would i substitute in for those pages? the links for each page are below: Info for Kaiyo Sonics DJ Lessons London | Beginner & Intermediate | Online & In Person | 1:1 & Group Book 1:1 & Group Online DJ Lessons | Beginner & Intermediate (kaiyosonics.com)

I think it's on public now. URL is Kaiyo Sonics | 1:1 & Group DJ Lessons | Online | In Person I ended up just duplicating the section and hiding one on mobile/one on desktop and changing the content width on mobile. If there's a better way to achieve that though it might be handy

Site URL: https://www.kaiyosonics.com/ Any ideas on how to fix this issue of the announcement bar pushing the site logo down but not the first section along with it on mobile? There are only 4 pages that it happens on and they are the pages where I've had to duplicate the top section and hide one on mobile and one on desktop using CSS so I could make mobile only adjustments to the layout. In doing so, the duplicated section that is visible only on mobile seems to have gotten rid of the transparent section behind the header or something. I've noticed when trying to edit these sections I need to add a 50px top margin in CSS just so I can click the pencil icon, otherwise it is up in the header section and then 'edit header section' appears when moving the cursor towards it and I'm unable to click on the first section's pencil icon.

@tuanphan do you know the code to change the padding on a scheduling block? it seems to add a lot of blank space at the bottom.

Site URL: https://seadragon-onion-dg7x.squarespace.com/ Is it possible to change the content width of a list section on mobile only? On the courses page, I have the content width set to 38% but it's way too narrow on mobile. I'd like it around 96% on mobile. Thanks!