Onepager with :target

  • Resolved inula

    (@janetb)


    6 years, 11 months ago

    Hi,

    I’m trying to make a onepage-website with GeneratePress.
    The menu items look like <a href="#about">About</a>,
    they jump to anchors in the page like: <a id="about"> </a>.

    I would like to add css for #about :target{background-color:#ff0000;} .
    However, that doesn’t work. Nothing happens.

    Does anyone see where I go wrong?

    • This topic was modified 6 years, 11 months ago by inula.
    • This topic was modified 6 years, 11 months ago by inula.
    • This topic was modified 6 years, 11 months ago by inula.
    • This topic was modified 6 years, 11 months ago by inula.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Looks like you set the topic to resolved – did you find a solution?

    Let me know ??

    Tom

    Thread Starter inula

    (@janetb)

    Hi Tom,

    That’s so great about you. Even when a problem is solved, you want to know how ??

    Short after asking my question here, I discoverd that the “smooth-scroll-plugin” caused the problem. I tried different other “smooth-scroll-plugins” but they all cause the same problem. I think they all use :target and that causes a conflict.

    Inula

    Theme Author Tom

    (@edge22)

    Ah, glad you found the issue. Thanks for sharing! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Onepager with :target’ is closed to new replies.