Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile View Problems


Sandadelsol

Question

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 post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

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 :-D). Answer within 24 hours.

How to:

-- Yup!

Link to post
  • 0
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 post
  • 0
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 post
  • 0

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 :-D). Answer within 24 hours.

How to:

-- Yup!

Link to post

Create an account or sign in to comment

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


√ó
√ó
  • Create New...