SeanCrafted Posted June 16, 2023 Share Posted June 16, 2023 Hi, On desktop the text is too large on this and you have to scroll to get to other options - how can I make it smaller? https://www.wildingsnorthumberland.co.uk/ I have the following custom code in at the moment .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible; width: 50%; margin-left: 50%; box-shadow: -5px 5px 15px #000} @media screen and (max-width:500px) { .header--menu-open .header-menu { width: 100% !important; margin: 0 !important; .header-menu * { font-size: 10px !important; } } } Link to comment
tuanphan Posted June 20, 2023 Share Posted June 20, 2023 Use this CSS code (Design > Custom CSS) div.container.header-menu-nav-item a { margin-top: 10px; margin-bottom: 10px; } 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