Buy me a coffee

How to add Portfolio Items to Dropdown

To add Portfolio Items to Dropdow in Main Navigation, you can follow these.
#1. First, find Portfolio item url.
You can hover on each portfolio item > click 3 dots > Settings

3980532e927e34206d6f Min

See URL Slug

4a558c234d73eb2db262 Min

In my example, we will have some items with url

  • /work/netflix
  • /work/coca-cola
  • /work/nokia
  • /work/fpt

#2. Click Plus icon > Choose Dropdown

82d00f03cf53690d3042 Min

#3. Name it Portfolio with URL /portfolio. You can also use any other names: Work, Project,…

Ca367d0dbd5d1b03424c Min

#4. Click ADD Page > Choose Link

Aa2a37cef09e56c00f8f Min

#5. Enter Title + URL (you got in step #1)

3b7bcec40894aecaf785 Min

You will have

6790b3227572d32c8a63 Min

#6. Result

217e861d404de613bf5c Min

#7. Note
You won’t click “Portfolio” title. To make this clickable to Portfolio Page. You can follow these.
#7.1. First, hover on Portfolio > Click Gear icon

1e2840ed85bd23e37aac Min

#7.2. See URL Slug. In my example, it is: /work

F568c51c004ca612ff5d Min

#7.3. Use this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('a.header-nav-folder-title[href="/portfolio"]').click(function() {
            var link = $(this).text(),
                href = "/work";
            window.location.href=href;
        });
});
</script>

2d757afdb1ad17f34ebc Min