#
Header Class active dosent change

Also a basic header active class is missing when you scroll to a specific section. i.e. if you scroll to schedule the schedule nav-link should be active. Just the home is active all the time. Can I get a on scroll js add/remove active class accordingly.

Asked 3 years ago on June 23, 2022 9:27 PM Comments 6 times


  1. Generic placeholder image

    Anil replied

    hello,

    go to style.css and find this class name - .loading_wrap img

     

    find this css

    .loading_wrap img {
    	-webkit-animation: fliping 1.5s infinite linear;
    	-moz-animation: fliping 1.5s infinite linear;
    	-o-animation: fliping 1.5s infinite linear;
    	animation: fliping 1.5s infinite linear;
    }

    and replace this css
    .loading_wrap img { -webkit-animation: fliping 2.5s infinite linear; -moz-animation: fliping 2.5s infinite linear; -o-animation: fliping 2.5s infinite linear; animation: fliping 2.5s infinite linear; }


     

    Regards,
    Anil z
  2. Generic placeholder image

    Asbin Gurung replied

    Hi how do I slow down the flip effect of preloader. 


    Thanks

  3. Generic placeholder image

    Asbin Gurung replied

    Ok , no worries. I will write a js to do that.

     

    I m testing mobile view atm will consolidate questions and raise a ticket. Thank you for the help.

  4. Generic placeholder image

    Anil replied

    hello,

    It can be used in a one-page website only, not on multiple web pages.
    Regards,

    Regards,
    Anil z
  5. Generic placeholder image

    Asbin Gurung replied

    Hi , Thanks for this , it works on the index page but if I m in another page I want the same effect when the header is clicked. i.e. if you click on the contact header from contact page it should open href="index.html#contact" with the same effect.

  6. Generic placeholder image

    Anil replied

     





       

            logo
       











        your html here



        your html here



        your html here



        your html here



        your html here



       your html here

    you can change HTML and use this

     

    Regards,
    Anil z
Recent Tickets
The archive could not be ... 1 year ago on March 5, 2024 7:46 PM Contact Form 2 years ago on May 23, 2023 4:18 PM Slide Autoplay 2 years ago on May 22, 2023 4:56 PM Header Class active dosen... 3 years ago on June 23, 2022 9:27 PM Dropdown header on hover ... 3 years ago on June 21, 2022 10:17 AM The package could not be ... 3 years ago on January 11, 2022 6:53 PM How to remove/replace Hom... 3 years ago on October 16, 2021 5:43 PM Time Slider Delay... 3 years ago on August 10, 2021 1:49 AM Error on installing the p... 3 years ago on August 3, 2021 7:38 AM Wordpress Theme 3 years ago on July 19, 2021 4:49 AM