Sandadelsol Posted February 13, 2021 Share Posted February 13, 2021 (edited) 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 February 13, 2021 by Sandadelsol Link to comment
tuanphan Posted February 14, 2021 Share Posted February 14, 2021 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
Sandadelsol Posted February 15, 2021 Author Share Posted February 15, 2021 (edited) 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 February 15, 2021 by Sandadelsol Link to comment
Sandadelsol Posted February 17, 2021 Author Share Posted February 17, 2021 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
tuanphan Posted February 19, 2021 Share Posted February 19, 2021 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment