How to Stop the top menu bar scrolling up the page in website
I have same issue facing like below website but
I am using Porto theme and I have checked with default luma theme this issue also coming on luma theme also

NOTE: my header is the sticky header on mobile

Example : https://outfitters.com.pk/pages/men

1 Answer 1


You can achieve this by using css

thead {position:fixed; top:0px;}

Check this link


  • Thanks for answer but in where i will add css my header is sticky header.. Aug 29, 2020 at 8:08
  • You can add in active theme - app/design/frontend/proto/theme/css/ Aug 29, 2020 at 9:56
  • yes but when? header class or body class or after menu open? Aug 29, 2020 at 10:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.