yudobz0114 Posted April 25, 2022 Share Posted April 25, 2022 Site URL: https://lychee-fish-d69t.squarespace.com/ Hi, I am trying to make my desktop site menu the same as mobile menu without affecting mobile menu. I got a code from other questions in forum but it seems that the line height is much bigger. Anyone can help me to make it more smaller without affecting the mobile design? I also want to make the box smaller and lower the opacity of the background. THanks Here's the code that I am using : .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible; width: 30%; margin-left: 70%; box-shadow: -5px 5px 15px #000} div.header-menu-nav-item a { font-size: 20px !important; padding: 10px; } .header-menu-nav-item {line-height: 10px!important;} @media screen and (min-width:992px) { .header-menu-actions { justify-content: center !important; } .header-menu-cta { position: relative; top: -100px; } } @media screen and (max-width:991px) { .header--menu-open .header-menu { width: 100% !important; margin-left: 0 !important; } } Link to comment
yudobz0114 Posted April 25, 2022 Author Share Posted April 25, 2022 I mean the line spacing. If it is possible to make it smaller Link to comment
tuanphan Posted April 27, 2022 Share Posted April 27, 2022 It looks like you solved this? 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
yudobz0114 Posted April 27, 2022 Author Share Posted April 27, 2022 Yes this is already solved 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