Tiko Posted January 3 Share Posted January 3 (edited) Hello, I would like to move my navigation links in mobile mode to the very top and i found some css codes that could just move the links but there is a white block on the top (i guess from the announcement bar) that covers the links if i just simply move them. That part is also not sensitive to scrolling with finger. I showed on the screenshot where that section starts. Is there a way to change the overlay priority of that part (without loosing the burger button) so that i can use that space for the navigation links? Thanks you. (I have no access to the code injection option) Edited January 5 by Tiko Link to comment
Tiko Posted January 3 Author Share Posted January 3 (edited) 5 minutes ago, MySquare24 said: Hi @Tiko, I understand how it's fixed If you want to do it just submit the request to procced with website URL, 👨✈️Professional Squarespace Developer - Custom Code Contact: Submit Request I didn't really understand why i need to submit a request. Couldn't you share a CSS code here? Edited January 3 by Tiko Link to comment
Web_Solutions Posted January 3 Share Posted January 3 17 minutes ago, Tiko said: Hello, I would like to move my navigation links in mobile mode to the very top and i found some css codes that could just move the links but there is a white block on the top (i guess from the announcement bar) that covers the links if i just simply move them. That part is also not sensitive to scrolling with finger. I showed on the screenshot where that section starts. Is there a way to change the overlay priority of that part (without loosing the burger button) so that i can use that space for the navigation links? Thanks you. (I have no access to the code injection option) Can you share your website URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
MySquare24 Posted January 3 Share Posted January 3 @Tiko I don't have you're website URL I provide just services to fix the issue if you interested submit the above request, Link to comment
Tiko Posted January 3 Author Share Posted January 3 17 minutes ago, Web_Solutions said: Can you share your website URL? tigrantatevosyan.com pass: 151515 Link to comment
Web_Solutions Posted January 3 Share Posted January 3 14 minutes ago, Tiko said: tigrantatevosyan.com pass: 151515 Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .header-menu--folder-list { padding-top: 0 !important; z-index: 99999999999 !important; .header-menu-nav-folder-content { justify-content: flex-start !important; top: 0 !important; } } Tiko 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Solution Tiko Posted January 3 Author Solution Share Posted January 3 20 minutes ago, Web_Solutions said: Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .header-menu--folder-list { padding-top: 0 !important; z-index: 99999999999 !important; .header-menu-nav-folder-content { justify-content: flex-start !important; top: 0 !important; } } Thank you! This soles the problem with that with section. The links now are on the very top and i'd like them to be just a bit lower. The code i used before for it doesn't do it's job now. div.header-menu-nav-folder--active>div { position: relative; top: 25px; Is there another one for positioning? Link to comment
Web_Solutions Posted January 3 Share Posted January 3 2 minutes ago, Tiko said: Thank you! This soles the problem with that with section. The links now are on the very top and i'd like them to be just a bit lower. The code i used before for it doesn't do it's job now. div.header-menu-nav-folder--active>div { position: relative; top: 25px; Is there another one for positioning? Do you want like this? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Tiko Posted January 3 Author Share Posted January 3 (edited) 11 minutes ago, Web_Solutions said: Do you want like this? Thanks for the quick response! In this mode i wanted to have it in the center but on the top in landscape mode. If there is a code for it i could adjust the numbers. Edited January 3 by Tiko Link to comment
Web_Solutions Posted January 3 Share Posted January 3 4 minutes ago, Tiko said: In this mode i wanted to have it in the center but on the top in landscape mode. If there is a code for it i could adjust the numbers. Thanks. Replace the previous code with the code below. After that check and let me know if it work. .header-menu--folder-list { padding-top: 0 !important; z-index: 99999999999 !important; .header-menu-nav-folder-content { top: 0 !important; } } Tiko 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. 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