matthewyoung68 Posted November 22, 2023 Share Posted November 22, 2023 I need code to change the break point for the mobile menu in 7.0/Montauk. It appears that only the Brine templates have a setting for that. I want to change the break point so the tablet size shows the MENU at the top, as it does on the phone screen. See the two screen shots attached. Thanks for any suggestions! Link to comment
SaranyaDesigns Posted November 22, 2023 Share Posted November 22, 2023 @matthewyoung68 Can you share a link to the page you need help with so we can inspect where the current breakpoint is and provide some custom CSS to adjust it? Link to comment
matthewyoung68 Posted November 23, 2023 Author Share Posted November 23, 2023 Thanks for your reply. The website is https://www.societyofprinters.org/. It doesn't matter which page. Because the full menu overflows on the Squarespace tablet view, I want to adjust the break point so it shows instead the dropdown mobile menu. Link to comment
Solution tuanphan Posted November 26, 2023 Solution Share Posted November 26, 2023 Try adding this code to Website > Page > Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:900px) and (min-width:641px) { div#mobileNav { visibility: visible !important; } div#mobileMenuLink { display: block !important; visibility: visible; text-align: center; margin-bottom: 20px; margin-top: 0; } div#topNav { display: none; } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment