justmytype Posted July 13, 2020 Share Posted July 13, 2020 Is there a template on 7.1 that has both a top navigation and sidebar navigation? Or is it possible with code to add that functionality to a site on 7.1? Thanks for any assistance. Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 Yes. You can use Custom CSS + JavaScript to do sidebar navigation I did for a client 2 weeks ago. 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
justmytype Posted July 15, 2020 Author Share Posted July 15, 2020 @tuanphan Fantastic! Would you mind sharing the code you used to do this just so I can get started? Thanks. Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 You can code Sidebar Navigation with HTML (use ul - li tags) then set transform: translate negative values or display none use jQuery or JavaScript to set new class on click. https://www.w3schools.com/jquery/html_addclass.asp With the new class, you can change the CSS to hide / show as well as create effects for the sidebar navigation. 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
justmytype Posted July 15, 2020 Author Share Posted July 15, 2020 @tuanphan Thank you. Does this code need to appear on every page where the sidebar with nav should go? I want it on all pages except for Home page and to behave dynamically (similar to the Bedford template). Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 you can use CSS body:not(.homepage):.. to hide it on some specific pages. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment