paulineg Posted December 15, 2020 Share Posted December 15, 2020 Site URL: https://millimetrearchitecture.com/ Hi, I have made my footer to be the all width of my website which is perfect ont he desktop version. I used the following CSS: footer#footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; } .main-content { padding-bottom: 5vw; } however when on the mobile version the footer covers the all bottom of my page and some text and button. does someone know how to solve this? Link to comment
Featured Comment tuanphan Posted December 17, 2020 Featured Comment Share Posted December 17, 2020 Hi. Remove your code & add new code @media screen and (min-width:641px) { footer#footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; } .main-content { padding-bottom: 5vw; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
paulineg Posted December 17, 2020 Author Share Posted December 17, 2020 Just now, tuanphan said: Hi. Remove your code & add new code @media screen and (min-width:641px) { footer#footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; } .main-content { padding-bottom: 5vw; } } thank you i did fix it already 🙂 thanks a lot! Link to comment
tuanphan Posted December 17, 2020 Share Posted December 17, 2020 When clicking Services, all menu move left a few pixels. Do you want to fix this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
paulineg Posted December 17, 2020 Author Share Posted December 17, 2020 Oh I didnt notice that! But I might change the top menu so dont waste time on that but thank you so much! 🙂 you are amazing and so helpful! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.