navigation similar to this website

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é

Hi,

It is possible, just share link to your site, we can give code to achieve this

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

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

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.

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>