Mobile View Problems

Add to Design > Custom CSS

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

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.

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

Q1. Add to Design > Custom CSS

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

Q2. Which code block?