Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

hybreeder's Achievements


Newbie (1/14)



  1. Hi Visual-Q, What logic I have to use? Can you share some example?
  2. Hi Visual-Q, Yes, How can we solve this issue?
  3. Actually, I have a menu.php file and I added all the menu code in that and I included the <?php include('menu.php');?> on all the pages. I just added my code in the codepen to understand my code. Yes, Using "smothscrollclass" I added in the menu(Menu is dynamically to It will display on all the pages). Yes, My about link does not start with "#" because of I have about us page and once the user clicks on it then it will redirect on the aboutus.php page. but from the aboutus.php page, If I click on contact us then my URL is showing http://localhost:8080/example/aboutus.php#contactus which is wrong because contactus section is on my home page not on about us.
  4. Thanks for the reply. Sorry for the inconvenience. I thought I am using GSAP script so I will get some help from here. Where should I ask this question?
  5. I am using GSAP. I am getting the issue on the smooth scroll. I have two pages. home.php and aboutus.php I have one menu and I am adding dynamically on all the pages. I am on the home page and if I click on the contactusthen smooth scroll is working and my URL is http://localhost:8080/example/home.php#contactus which is correct. Now my issue is, I am on aboutus page and when I click on contactus i am getting the URL http://localhost:8080/example/aboutus.php#contactus It's not redirecting on the homepage because I have a contactus section on the home page. I tried <li><a href=".php#contactus">Contactus</a></li> but then my smooth scroll not working. Would you help me out in this?
  6. WOW!! Thanks PointC, Exactly I need like this only. I just need a little bit more help in this. When hover on a button can we slider arrow as well?" something like in the reference.
  7. Thanks for the reply Mikel I am sharing you the reference link. Please check it. https://takumi.com/ There Is a button called "Learn more" in the "Instagram Experts" section. I need like this. I tried my side but not working.
  8. Hello, I have a button. When a user hovers over it then blue overlay will come and slide from left to right and stop until the mouse leaves. There is no issue here. It's working. Now If the user removes the mouse hover then I have to end the blue overlay from left to right and It will come on the normal button. When I remove the mouse hover it's going to the right to left side. Also when hover on the button "How can I change the color of text and arrow"? Thanks in advance.
  9. Hello, I am trying to implement the smooth scroll when user click on the anchor tag then it will scroll and reach the target. it's working perfectly with all the anchor tag. Now my issue is, I have two tabs called as part1 and part2. There is no data in part1 but I have 3-4 anchor tags in the part2. I have to set a smooth scroll for that. I don't want a smooth scroll when the user clicks on part1 or part2. <div class="tabs"> <ul class="tab_click"> <li class="current"><a href="#part1" >Part1</a></li> <li><a href="#part2">part2</a></li> </ul> </div> I need a smoth scroll when user click on the below anchor tag. <ul> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <li><a href="terms.php">Terms</a></li> </ul> Would you help me out in this issue?
  10. if and else statement is for the condition?. how can we use the CSS like, margin, padding, position etc in the mobile device? We can do for the desktop but how we use for the mobile device?
  11. Can you explain to me because, in future, I have to do more responsive
  12. Thanks for the reply, I checked on google. I haven't found the solution. Even I don't understand where should I start. So I uploaded the question. Can you help me out ?
  13. Hello, I am using GSAP for animation, What I am going is when user scrolls the 300 from the top then .signup_header class will active with top:100 which is working in the desktop. Now I have to set top:50px in the mobile device then how can I set for it.? because in the mobile also it's talking 100px. I mean can we change the animation or CSS for the mobile device? $(window).bind('scroll', function () { if ($(window).scrollTop() > 300) { TweenMax.to(".signup_header", 0.1, {css:{display:"block",top:100}, ease: Power4.easeOut}); TweenMax.set( $('.main_menu'), { boxShadow: "none"}); } else { TweenMax.to(".signup_header", 0.1, {css:{display:"none",top:0}, ease: Power4.easeOut}); TweenMax.set( $('.main_menu'), { boxShadow: "0px 0px 4px rgba(0,0,0,0.18)"}); } });
  14. Thanks for reply replay appreciate your help but I don’t want to use 2 menu. I can directly add the menu code on each page to access without using your above code. But I need it should be only one menu.
  15. Hello, Sorry, I don't have any access to upload the code to the server and share the URL. I am sharing two zip file. One with Jquery script and second with GSAP. Jquery is working but the second GSAP not working. Please check and assist me. test-menu-gsap.zip test-menu-jquery.zip