joserjr Posted December 5, 2023 Share Posted December 5, 2023 Hi everyone, Just checking in if would be possible to create a navigation like that. Where there's an about page, logo centered, then a burger menu (with actual menu name instead of burger icon)? https://johntrice.com/ Any help would be appreciated. Thanks! José Link to comment
tuanphan Posted December 7, 2023 Share Posted December 7, 2023 Hi, It is possible, just share link to your site, we can give code to achieve this 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
joserjr Posted December 8, 2023 Author Share Posted December 8, 2023 11 hours ago, tuanphan said: Hi, It is possible, just share link to your site, we can give code to achieve this Thanks tuanphan! https://krill-tiger-5e4s.squarespace.com/ pw:00001111 Link to comment
tuanphan Posted December 9, 2023 Share Posted December 9, 2023 On 12/8/2023 at 8:28 AM, joserjr said: Thanks tuanphan! https://krill-tiger-5e4s.squarespace.com/ pw:00001111 Can you change layout to Left Menu - Middle Logo? This will easier to use code 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
joserjr Posted December 10, 2023 Author Share Posted December 10, 2023 On 12/9/2023 at 9:18 AM, tuanphan said: Can you change layout to Left Menu - Middle Logo? This will easier to use code Sure! Updated. Link to comment
tuanphan Posted December 12, 2023 Share Posted December 12, 2023 Add this code to Last Line in Website Tools (under Not Linked) > Code Injection > Footer <script> jQuery(document).ready(function($){ $('.header-display-desktop nav.header-nav-list').clone().insertAfter('.header-actions.header-actions--right>.showOnMobile'); }) </script> <style> .header-display-desktop .header-actions--right .header-nav-list .header-nav-item:nth-child(-n+2) {display: none;} .header-display-desktop .header-title-nav-wrapper .header-nav-list .header-nav-item:nth-child(n+3) {display: none;} .header-nav-item:nth-child(n+3) { margin-right: 1.5vw; } </style> 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