eleanormargaret

That code didn't seem to make much of a difference but I worked out which section was causing the issue and rebuilt it using slightly different fluid engine grid settings. That seems to have fixed it so whatever it was is sorted! Do you have any thoughts on reducing the height of the first section on the homepage? It is set to large and fill screen and it looks great on desktop and the mobile view in editor e.g. section full height on viewport. But on an actual mobile it's really, really long. Is there a way for me to force this section to always be the full height of the viewport?

Sorry, I thought it was in the topic heading! https://pug-violet-wsbr.squarespace.com/ password instruct

https://pug-violet-wsbr.squarespace.com/ Password is instruct I'm having some issues with the mobile view on this site and I wanted to get some advice. Depending on what device/testing area I use, the site either has a slight side to side scroll on mobile or the design is slightly off centre with the right side margin chopped off. Is there anything I can do to get it scaling neatly across mobile devices? I also wanted to see if anyone can help with the top section on the homepage being very long. The section is set to large and fill screen and it looks great on desktop and the mobile view in editor e.g. section full height on viewport. But when I'm looking at it on an actual device the section is very long and you have to scroll. Eventually this will be a full height/full width background video and I need it to just fill the viewport on all devices. Thanks!

Thank you so much! No idea how I missed that, clearly been looking at it for too long.

instruct

Hi @tuanphan I just noticed that the fix works for desktop but it's still showing as a dark background when you switch to mobile view. Is there anything I can do to make it consistent across devices?

That's worked perfectly, thanks so much for your help!

Sorry for the delayed response, just coming back to the project after the new year. Yes just that one section (65...315d) changed to a white background, ideally with the code not affecting any of the other sections on that page. We also need it not to pull the white background colour through to the individual blog post pages (which is where my first solution fell down). Any suggestions would be massively appreciated! Thank you

I was hoping someone could help me with a query on an in-progress site – we want the blog list view to have a white background colour but the blog posts within it to have a dark background colour. I didn't realise that the colour theme of the individual post is inherited on the index page list view. I've tried targeting the section ID to force it in the CSS: section[data-section-id="6581b8d6f5f72a7c7fee315d"] .section-background { background: white!important; } Which seemed like it would work but then it pulls that background through to the blog posts themselves which is not what we want. Does anyone have any fixes for this? Only the first test post is styled up currently (https://pug-violet-wsbr.squarespace.com/work/sample-item-social) but this will be the general look and feel with the dark background. And the list view on the /work page should have a white background so it blends into the rest of the page. Is this possible? Briefly made the site live to see if anyone can help.