Use top menu for home page panels

  • Hi,

    I am using affinity with a single-page design and sub-pages placed as panels on the home page. I would like to use the top menu to scroll to different pages. So far the furthest I could get is to use “Custom links” on the top menu with #panel1 #panel2 etc. links, but there are two problems with this:
    – If I edit the panel/page name, I have to manually change the Custom links in the menu. As I use multi-language, it makes it even harder to maintain.
    – It just “jumps” to the desired section and I would like it to scroll

    Basically I want my top menu to work like the right menu on https://affinitydemo.wordpress.com/ (little white diamonds on the right).

    I googled quite a bit to figure it out, not successful though.

    Thanks in advance for any help,
    mdozsa

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hmmm, I looked at the file, and the scrolling right panel navigation is done with Javascript in /assets/js/frontpage.js. It could be that you could create a Child Theme and then apply that Javascript function to the top menu as well as to the panel navigation at the right.

    What I would try first would be something like this example at CodePen, which is a pure CSS3 solution without the need for javascript: https://codepen.io/satya164/pen/njirJ.

    Thread Starter mdozsa

    (@mdozsa)

    Thank you! In the end I rearranged the web in a way that the top menu leads to other pages but the codepen link seems to be definitely an option.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Use top menu for home page panels’ is closed to new replies.