Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #612405

    Hello everyone,

    I have created a landing page and on this one page i have a menu navigation that slides down and up pretty much like the one u see on the Enfold Demo

    as you can tell when you click the link the page scrolls down with a smooth animation and perfectly stop at it’s destination without any extra pixel down or up.

    as with mine on my website that is offline at the moment, i have notice i don’t have that smoothly stop and it always stop 5 or 6 pixel down i always have to scroll little bit up. My question is how can i fix this.

    Thank you guys

    #612407

    Hey boboo!

    It is mostly due to custom css added to header like extra margin or paddings. But we cannot say it for sure until we inspect the page. Since you have mentioned your site is offline please let us know when the site is up and we can take a closer look at it.

    Regards,
    Vinay

    #613024

    Hey Vinay thanks for the reply, where would you suggest i should start looking to fix this issue?

    Thanks

    #613321

    Hey Vinay, I have manage to fix the problem and you was right it was a css code.

    If you can take a moment of your time and check this css code that i would like to add into the child theme, am using a gravity form contact, and i pretty much would like to overwrite the style sheet to the demo, how can i do this. i did tried to replace the IDs and class name that didn’t help.

    Please can you advise me how i can do this

    Thanks

    #615641

    Hey!

    The code has different css selectors so you have to adjust it. Use any browsers’ element inspector to get the right selector: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/?hl=en

    Regards,
    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.