sarahjo Posted June 3, 2023 Share Posted June 3, 2023 Hey! I used a custom CSS code I found in the forum to bring my nav bar to the right. Now there's an issue on the mobile web version as the menu is not clickable anymore. This is the code I've used: #navigator header#topBar ul#nav { display: block; float: right; padding-right: 40px!important; padding-top: 45px!important; } @media screen and (max-width:640px) { nav.main-nav.dropdown-hover { display: none; } section#container { margin-top: 85px !important; } div#mobileNav { float: right; position: relative; padding-right: 30px!important; padding-top: 12px!important; bottom: -5px; } .siteTitle * { font-size: 30px !important; } } I hope you can help – thank you in advance 🙂 Link to comment
sarahjo Posted June 3, 2023 Author Share Posted June 3, 2023 Also, if possible, I would like to use a burger menu on mobile that opens up full-screen when you click on it. Here is an example: https://www.pentagram.com Link to comment
tuanphan Posted June 8, 2023 Share Posted June 8, 2023 What is your site url? We can check problem easier 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
sarahjo Posted June 9, 2023 Author Share Posted June 9, 2023 On 6/8/2023 at 9:41 AM, tuanphan said: What is your site url? We can check problem easier It is www.sarahkoester.com Link to comment
tuanphan Posted June 11, 2023 Share Posted June 11, 2023 Add this CSS under div#mobileNav { z-index: 99999999999999; } 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
sarahjo Posted June 12, 2023 Author Share Posted June 12, 2023 Thank you – but it still doesn't fill up the whole screen like it's the case in the attached screenshots above… Link to comment
JayVanDyke Posted June 12, 2023 Share Posted June 12, 2023 Add this to custom css too #mobile-navigation { min-height: 100vh; } tuanphan 1 ☕ Did I help you? Buy me a coffee! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 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