Help with customizing site on mobile version -- home page not centered and portfolio page displays video and text out of order

paradisedigital · August 6

Hi! I'm having issues with the way my site looks on mobile version (this is what it's looking like on an actual mobile device). Would greatly appreciate any help anyone can offer, thank you in advance!

1) Homepage

- The text and button on the banner is off center (leans more to the right). I've already tried the below custom CSS and it did not work.

html, body {overflow-x:hidden;}

- The spacing of the text, button and image beneath the banner is all off -- I'd like for the "Learn More" button to be spaced slightly lower, as well as the image moved down a bit and for there to be a line or two of space directly beneath the image.

2) Portfolio Page

- It's totally out of order and displaying text in the wrong places. All videos should be first underneath the text that says "Video + Reels" and all images should be underneath "Photography." Also, how do I get the text to display properly beneath each corresponding video?

tuanphan · August 10

#1. You can use this code to Website Tools > Custom CSS

@media screen and (max-width:767px) {
.fe-664fc3cf90045e0565592172 {
    column-gap: 5px !important;
}
}

#2. You are using new editor so you can edit page > Click Mobile icon on top right > Then adjust layout on mobile.

See detail: https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine#toc-mobile-layout

Help with customizing site on mobile version -- home page not centered and portfolio page displays video and text out of order

Recommended Posts

paradisedigital

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources