not scrolling from different page

  • Hi,
    at my landing page shorturl.at/rxKV1 , I can use link in menu “GET A QUOTE” and scroll to ID..

    But if I am in different page e.g. in what we do, or services, It is not working.

    I am using this selector a[href*=’#’]:not([href=’#’])
    I also have active this :
    –Scroll from/to different pages (i.e. scroll to target when page loads)
    –Enable different pages scrolling on all links (even the ones that are not handled by the plugin)
    –Remove URL hash (i.e. the #some-id part in browser’s address bar) when scrolling from/to different pages.

    Where is an error? Can you help me please?

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    When you want your links to work from/to any page in your site, you have to use the full address in their URL (not only the target’s hash value) – see related FAQ.

    So, in your case you need to change your “Get a Quote” link URL from:

    #et_pb_contact_form_0

    to:

    https://alphadiesel.fastlinks.ca/#et_pb_contact_form_0

    or even better, simply to:

    /#et_pb_contact_form_0

    since the get a quote target is in your homepage.

    • This reply was modified 3 years, 8 months ago by malihu.
    Thread Starter brzda

    (@brzda)

    Thank you for you help, it is now working.

    But when I am at my homepage, the button GET A QUOTE is active. Is there any way how to customize it, so its not active, or use different color?

    Thank you!

    Michal

    Plugin Author malihu

    (@malihu)

    The active state you see comes from the theme (it’s common for WordPress themes to highlight current page menu links). To reset this for your “GET A QUOTE” menu link, add the following CSS (e.g. in appearance > customizer > additional css)

    .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li.menu_cta a, 
.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li.current-menu-item.menu_cta a, 
.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li.menu_cta a:hover, 
.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu ul li.menu_cta:hover > a{
    color: #fff !important;
}

    The above should do the trick ??
    Let me know

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘not scrolling from different page’ is closed to new replies.