ItsOK Posted July 20, 2020 Share Posted July 20, 2020 Site URL: http://www.ozankarakoc.com Hello Friends! (My website is at www.ozankarakoc.com and I'm in the Business Plan.) Thanks to an earlier post, I achieved to force the hamburger menu to show up on desktop, but I couldn't find a way to format the overlay that opens when clicking the hamburger menu icon. The font size is too big that, when I place all my menu items, a scroll bar shows up, which looks unprofessional. Is there a way to make the font smaller or reduce the line spacing so that all the navigation items fit in the overlay? Thanks in advance! Ozan Link to comment
tuanphan Posted July 22, 2020 Share Posted July 22, 2020 Add to Home > design > Custom CSS .header-menu-nav-item a { padding-top: 1vw; padding-bottom: 1vw; } .header-menu-nav-folder[data-folder="root"] { overflow: hidden; } ItsOK 1 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
ItsOK Posted July 23, 2020 Author Share Posted July 23, 2020 This is great! Thanks a lot @tuanphan! For others who might benefit from this thread, I've also found this code which allows to change the background color of that overlay: .header-menu-bg {background: #0e0e0e !important;} Link to comment
Dvid Posted March 17, 2021 Share Posted March 17, 2021 I'm having the same issue with the line spacing and the scroll bar. What's the full hamburger code that you're using? Link to comment
tuanphan Posted March 24, 2021 Share Posted March 24, 2021 On 3/17/2021 at 11:05 PM, Dvid said: I'm having the same issue with the line spacing and the scroll bar. What's the full hamburger code that you're using? can you share link to your site? We can help 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
tuanphan Posted March 25, 2021 Share Posted March 25, 2021 19 hours ago, Dvid said: www.juventusacademyboston.com Add to Design > Custom CSS /* Desktop menu spacing */ @media screen and (min-width:992px) { .container.header-menu-nav-item a { margin-top: 5px; margin-bottom: 5px; } } 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
Dvid Posted March 25, 2021 Share Posted March 25, 2021 Thank you. Scroll down menu is still showing though. Link to comment
tuanphan Posted April 5, 2021 Share Posted April 5, 2021 On 3/26/2021 at 2:13 AM, Dvid said: Thank you. Scroll down menu is still showing though. Sent the answer. 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
sheriipop Posted July 28, 2021 Share Posted July 28, 2021 @tuanphan Hi! How can I make sure that the desktop hamburger menu looks exactly the same as the mobile version? The mobile one is the format I like the most, but when viewed on a desktop, the line height of the nav links are too much and the button font is a little too big. Images below – Left image is what the desktop view currently looks; right image is the mobile view and what I want. Thank you!! Link to comment
tuanphan Posted July 29, 2021 Share Posted July 29, 2021 12 hours ago, louieandthird said: @tuanphan Hi! How can I make sure that the desktop hamburger menu looks exactly the same as the mobile version? The mobile one is the format I like the most, but when viewed on a desktop, the line height of the nav links are too much and the button font is a little too big. Images below – Left image is what the desktop view currently looks; right image is the mobile view and what I want. Thank you!! Hi. What is site url? 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
sheriipop Posted July 29, 2021 Share Posted July 29, 2021 4 hours ago, tuanphan said: Hi. What is site url? www.louieandthird.com pw: LTC Link to comment
tuanphan Posted July 30, 2021 Share Posted July 30, 2021 20 hours ago, louieandthird said: www.louieandthird.com pw: LTC Add to Design > Custom CSS /* Desktop overlay */ @media screen and (min-width:992px) { div.container.header-menu-nav-item a { margin-top: 0.5vw; margin-bottom: 0.5vw; } a.theme-btn--primary.btn { font-size: 1.2rem; padding-top: 5px; padding-bottom: 5px; } } sheriipop 1 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
sheriipop Posted July 30, 2021 Share Posted July 30, 2021 5 hours ago, tuanphan said: Add to Design > Custom CSS /* Desktop overlay */ @media screen and (min-width:992px) { div.container.header-menu-nav-item a { margin-top: 0.5vw; margin-bottom: 0.5vw; } a.theme-btn--primary.btn { font-size: 1.2rem; padding-top: 5px; padding-bottom: 5px; } } THANK YOU!! Link to comment
jenniferboddam Posted September 3, 2021 Share Posted September 3, 2021 hi @tuanphan is there a way to keep the contact button outside of the burger menu? I have the burger menu set up on the left and Id like the button to stay out side on the right at all times Link to comment
tuanphan Posted September 5, 2021 Share Posted September 5, 2021 On 9/4/2021 at 3:55 AM, jenniferboddam said: hi @tuanphan is there a way to keep the contact button outside of the burger menu? I have the burger menu set up on the left and Id like the button to stay out side on the right at all times I think this is possible, if you share url, we can take a look. Also do you use Personal or Business or Commerce Plan? 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
jenniferboddam Posted September 7, 2021 Share Posted September 7, 2021 @tuanphan hey its https://flugelhorn-seahorse-lzrb.squarespace.com/?p and pw: design123 I don't have a plan yet but will be getting the business plan once I'm ready Link to comment
RolandFuseHub Posted September 9, 2021 Share Posted September 9, 2021 Maybe not an instant answer, but we just released this plugin for 7.1: https://www.sqsmods.com/menu tuanphan 1 I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10. Link to comment
tuanphan Posted September 12, 2021 Share Posted September 12, 2021 On 9/10/2021 at 12:15 AM, RolandFuseHub said: Maybe not an instant answer, but we just released this plugin for 7.1: https://www.sqsmods.com/menu Looks great. If I want to use it on some of my friend sites (I help my friends for free). I need purchase each license on each site or 1 license for all sites? 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
RolandFuseHub Posted September 12, 2021 Share Posted September 12, 2021 Just now, tuanphan said: Looks great. If I want to use it on some of my friend sites (I help my friends for free). I need purchase each license on each site or 1 license for all sites? Hi @tuanphan all of our plugins are license-free which means that one purchase = unlimited usage! I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10. Link to comment
tuanphan Posted September 12, 2021 Share Posted September 12, 2021 6 hours ago, RolandFuseHub said: Hi @tuanphan all of our plugins are license-free which means that one purchase = unlimited usage! Saved your site. Thank you! RolandFuseHub 1 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
MargaretMercer Posted October 20, 2022 Share Posted October 20, 2022 Hi https://forum.squarespace.com/profile/190085-tuanphan/ I am having trouble changing the spacing of my hamburger menu. Can you take a look at it? The url is westerlycanteen.com and the password is westerlycanteen Link to comment
tuanphan Posted October 23, 2022 Share Posted October 23, 2022 On 10/21/2022 at 2:58 AM, MargaretMercer said: Hi https://forum.squarespace.com/profile/190085-tuanphan/ I am having trouble changing the spacing of my hamburger menu. Can you take a look at it? The url is westerlycanteen.com and the password is westerlycanteen I see you solved with this CSS div.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