Highlight problem on small screen resolutions

  • Junce

    (@junce)


    10 years, 11 months ago

    Congrats for plugin!

    I’m working on one-page site. I have a problem to highlight in my menu. On big screen resolutions it works perfectly. In small resolutions, page scroll to right place, but highlight doesn´t appear. Only appear when I scroll the page more. I try define .mPS2id-clicked equal to .mPS2id-highlight in my css. Works but this class doesn’t disappear to other menu is clicked.

    How to do for solve it?

    https://ww.wp.xz.cn/plugins/page-scroll-to-id/

Viewing 15 replies - 1 through 15 (of 19 total)
1 2
  • Plugin Author malihu

    (@malihu)

    10 years, 11 months ago

    Have you set a fixed pixels offset value? If you have and your menu is responsive it won’t work as the offset should be dynamic (e.g. the value should be your menu selector). Is this the case?

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    Yes, menu is fixed, and offset value is the selector.

    Plugin Author malihu

    (@malihu)

    10 years, 11 months ago

    When you inspect the page with browser’s dev tools, are the target elements correctly positioned in the markup?

    Can you send me a link to check it?

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    I don´t know. It doesn’t worke correctly in vertical reduced sizes.

    My url is:

    Thanks

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    http://www.teste.educacaoxxi.com/

    Plugin Author malihu

    (@malihu)

    10 years, 11 months ago

    I can’t test your link as it doesn’t load any .css, .js etc. for me…
    From Google Chrome console:
    Failed to load resource: net::ERR_CONNECTION_REFUSED

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    Sorry. My online migration was incorrect.

    It’s right now!

    Thanks

    http://www.teste.educacaoxxi.com/

    Plugin Author malihu

    (@malihu)

    10 years, 11 months ago

    I think you need to disable ‘Force single highlight’ in plugin settings. You don’t need this option the way your sections are set and it prevents highlighting the “proper” section.

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    I try i but stay works worse. Verify it please. In small height brwoser size, highlight doesn’t work correctly.

    Thanks
    http://www.teste.educacaoxxi.com/

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    I tried it, but stay works worse. Verify it please. In small height brwoser size, highlight doesn’t work correctly.

    Thanks

    http://www.teste.educacaoxxi.com/

    Plugin Author malihu

    (@malihu)

    10 years, 11 months ago

    Ok, try setting ‘Highlight selector(s)’ to be your header links:
    #banner-header .menu-item a

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    Thank you dude it works! But the target div start below that should start.

    How do I solve it?

    Plugin Author malihu

    (@malihu)

    10 years, 11 months ago

    You inserted the value in the wrong field (‘Offset’).

    Set ‘Highlight selector(s)’ to:
    #banner-header .menu-item a

    and ‘Offset’ to:
    #banner-header

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    Didn´t work. When I set ‘Offset’ to “#banner-header .menu-item a” highlight works correctly but section location starts below.
    When I set ‘Offset’ to “#banner-header” and ‘Highlight selector(s)’ to “#banner-header .menu-item a” highlight doesn´t work correctly again.

    Thanks

    Thread Starter Junce

    (@junce)

    10 years, 11 months ago

    Do you have a solution for a div section stats on right position? I need it because mmy div sections is full-screen.

    Thanks

Viewing 15 replies - 1 through 15 (of 19 total)
1 2

The topic ‘Highlight problem on small screen resolutions’ is closed to new replies.

Tags