BrandonH

@tuanphan any idea here? You seem to be the expert on all things Squarespace CSS, and have helped me in big ways through your expertise on this forum many times! 🙏

Site URL: https://memphis.theportergroup.com/new-home I've built a site that appears to be displaying properly on all devices and browsers except for Chrome mobile browser. It even looks normal on Chrome desktop browser in developer mode using the responsive design setting and resizing. But, when I open the site on chrome mobile browser there is a large white strip on the right side of the page that takes up about half of the screen (see attachment). My best guess is that there's an element that's overflowing, but if this is the issue I can't find it for the life of me!! Here's the CSS I've added to the whole site to try to fix it, but to no avail 😑 body { margin: 0; padding: 0; overflow-x: hidden; } .container { width: 100%; max-width: 100%; box-sizing: border-box; } img { max-width: 100%; height: auto; } .header, .footer, .content { width: 100%; box-sizing: border-box; } Any help would be so appreciated!! 👊

Thanks @sorca_marian! That did the trick perfectly. Appreciate you!

Hi! I have a summary block placed at the bottom of each blog post. It pulls in other blog posts that are related to the current one. I'm trying to get that summary block to extend nearly the full width of the site. But, right now it's confined by the blog post width. Attaching a screenshot of what I'm wanting, and here's the Site URL. Any help would be so appreciated! 🙏

Amazing, thanks so much!! 🙌

@creedon you are the man! Thanks so much! It looks amazing on the screenshot you provided, but unfortunately, when I plug that CSS code in, the opacity of the gray overlay never quite reaches 100%. Can you see what I'm talking about in my screenshot? Any ideas what would be keeping it from getting to 100% opacity?

Rookie mistake 🤦‍♂️ So sorry. Site password is alcy

Site URL: http://alcyball.squarespace.com Hi! I'm wanting to create a smooth transition between the first and second sections of my website using a gradient fade. The idea would be that the hero image has a color overlay, then that color transitions from 0 opacity at the top of the image to 100 opacity at the bottom of the image, and the color overlay is the same color as the next section on the website so that the transition looks seamless. Any help would be so much appreciated!

@finalv001 it looks like you solved this problem! I'm looking to do a similar effect on my website. Would you mind sharing how you accomplished this?

Amazing. Thank you so much @tuanphan! You are the best!

@tuanphan thanks for the quick reply! That fixes the problem of the section expanding vertically, but now as the text "type" out, it extends past the screen and the full text can't be seen. Link to page →

@tuanphan this is phenomenal. Thank you so much 🙌. Is there a way to make the typing stop after you scroll past the section that it's on? The problem I'm having is that the text that's being "typed out" takes up 2 lines. So, each time the second line is created, it expands the size of the section that the code is in, which causes the entire page to shift down. Then when the text is deleted, the entire page shifts back up. So, after you scroll down past this typing section, the web page is shifting up and down a lot.