Jump to content

Mobile View Problems

Recommended Posts

Site URL: http://www.sandadelsol.com

Hello everyone

I have 2 issues that are keeping me from going live with my website and they're both mobile view related.

Mobile view:

1. I'd really like the landing page to be more "squished". The menu is too far down from the header and one can't see the footer.
I'd love to see everything at once when coming on the page.. I could not find a code that works for me.

2. My code blocks within my porfolio sites don't work in mobile view. Hence, when you click on "Yoga" the logo is yellow when it's supposed to be white to fit the rest of the style..

Appreciate any help - really!

Thanks 🙂

www.sandadelsol.com

Edited by Sandadelsol
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.portfolio-hover {
    min-height: unset !important;
    height: 50vh;
}
body.homepage {
    background: #f7f1e9;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 2/14/2021 at 1:36 PM, tuanphan said:

Add to Design > Custom CSS



@media screen and (max-width:767px) {
.portfolio-hover {
    min-height: unset !important;
    height: 50vh;
}
body.homepage {
    background: #f7f1e9;
}
}

 

Thank you so much! Unfortunately this didn't work so well.

1. The footer is now close enough but I'd need the menu to be higehr up. So more in the centre height wise. Adjusting the height in this code didn't solve that.

2. My code blocks still don't work in mobile view, hence the logos are still yellow in the subpages of the portfolio.

Edited by Sandadelsol
Link to comment
On 2/15/2021 at 3:53 PM, Sandadelsol said:

Thank you so much! Unfortunately this didn't work so well.

1. The footer is now close enough but I'd need the menu to be higehr up. So more in the centre height wise. Adjusting the height in this code didn't solve that.

2. My code blocks still don't work in mobile view, hence the logos are still yellow in the subpages of the portfolio.

Hello, any new ideas on this? Thx

Link to comment

Q1. Add to Design > Custom CSS

@media screen and (max-width:767px) {
.portfolio-hover-items {
    padding-top: 100px !important;
}
}

Q2. Which code block?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.