TAMSHOTS

you're amazing, thank you so much!!

Hi all whom read this! Currently am running into this issue for a long time regarding my dropdown menus:

My website www.capturedwithpassion.com exists out of an English and Dutch version (using duplicate pages), where on desktop everything works all fine. However, on mobile/tablet view it does not show the pages in the drop down menu at the Dutch version (as shown in the video recording).

It might be a custom code issue, as it's only the dropdown menu part on mobile view in particular... my brain can't see where the issue is though, hope someone can help out! One of the pages custom code that won't show:

<style>
  #header .header-nav-item:nth-child(1){
    display:none
  }
  #header .header-nav-item:nth-child(2){
    display:none
  }
  #header .header-nav-item:nth-child(3){
    display:none
  }
  #header .header-nav-item:nth-child(4){
    display:none
  }
  #header .header-nav-item:nth-child(5){
    display:none
  }
  #header .header-nav-item:nth-child(6){
    display:none
  }
  #header .header-nav-item:nth-child(7){
    display:none
  }
</style>

<style>
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(1){
        display:none
      }
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(2){
        display:none
      }
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(3){
        display:none
      }
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(4){
        display:none
      }
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(5){
        display:none
      }
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(6){
        display:none
      }
      @media screen and (max-width:1511px){
      #header .header-menu-nav-item:nth-child(7){
        display:none
      }
</style>

Hey, thanks for reaching out! Oh wow, I didn't know that it could take so many as 40 on the portfolio page. However, I think I haven't explained it clear enough, oops:

I would like to have the coded button that comes with the Zion template (which can be seen in the screenshot "Architecture & Lifestyle") to recreate that onto a blank page, separate from the beginning portfolio page. I mentioned "Projects", because I have a page called "Projects", maybe the reason for the unclearness, my bad.

Is it in any way possible to recreate the custom button? Again, thanks for the quick reply and am looking forward to your answer!

Site URL: https://www.tamshots.com/

Hey, I have used the "zion" template which is great. When you navigate on the homepage to "Portraits & Fashion" > scroll down > you are able to clickthrough to the next pages with the custom button that comes with the template.

I love the looks of it and want to have those same buttons as well on my "Projects" page in the bottom. I have tried to recreate the portfolio homepage, but couldn't make that happen. Now I am fine with how my project page looks, the only thing missing are those same custom buttons as mentioned before.

Would be awesome if someone is able to help me with this topic, thanks in advance!