the_first_wolf Posted January 8 Share Posted January 8 (edited) Hello! I started working on creating a course, and I had a question. Is it possible to make the course navigation menu always visible, so that it does not overlap the design, video, but is just on the side all the time? Is there any code for this? I will be grateful for any hint or help! Edited January 8 by the_first_wolf add image Link to comment
LouLouHarvey Posted January 8 Share Posted January 8 11 minutes ago, the_first_wolf said: Hello! I started working on creating a course, and I had a question. Is it possible to make the course navigation menu always visible, so that it does not overlap the design, video, but is just on the side all the time? Is there any code for this? I will be grateful for any hint or help! Hi @the_first_wolf Can you provide the site URL (+ password if it is not live) to allow the community to assist you. L Link to comment
the_first_wolf Posted January 8 Author Share Posted January 8 (edited) On 1/8/2024 at 4:45 PM, LouLouHarvey said: Hi @the_first_wolf Can you provide the site URL (+ password if it is not live) to allow the community to assist you. L Thank you for responding! Here is the address No password, just started work. Edited January 9 by the_first_wolf Link to comment
Solution Web_Solutions Posted January 9 Solution Share Posted January 9 21 hours ago, the_first_wolf said: Thank you for responding! Here is the address No password, just started work. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. Let me know if it works. @media only screen and (min-width: 768px) { .course-item { .course-item__side-nav-toggle-button { display: none !important; } .course-item__side-nav { position: fixed !important; transform: none !important; } .course-item__side-nav-content { opacity: 1 !important; } .course-item__content { flex: 0 0 calc(~"100% - 400px") !important; margin-left: 400px !important; } } #collection-item-sections { width: calc(~"100% - 400px") !important; margin-left: 400px !important; } #footer-sections { z-index: 9999999999999 !important; } } the_first_wolf and LouLouHarvey 2 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
the_first_wolf Posted January 9 Author Share Posted January 9 37 minutes ago, Web_Solutions said: Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. Let me know if it works. @media only screen and (min-width: 768px) { .course-item { .course-item__side-nav-toggle-button { display: none !important; } .course-item__side-nav { position: fixed !important; transform: none !important; } .course-item__side-nav-content { opacity: 1 !important; } .course-item__content { flex: 0 0 calc(~"100% - 400px") !important; margin-left: 400px !important; } } #collection-item-sections { width: calc(~"100% - 400px") !important; margin-left: 400px !important; } #footer-sections { z-index: 9999999999999 !important; } } Yes, it worked! Thank you very much for your help! Link to comment
kkmontell Posted May 18 Share Posted May 18 Thank you! Is there a way to change this to make the menu more narrow? Link to comment
tuanphan Posted May 21 Share Posted May 21 On 5/19/2024 at 12:14 AM, kkmontell said: Thank you! Is there a way to change this to make the menu more narrow? Above page doesn't work, so if you share link to page where you have problem, we can check code 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment