Notification texts go here Contact Us Buy Now!

How to make Median UI v1.7 header sticky on mobile

Mahmudul Hasan
Thumbnail

Hello everyone, a Few months ago Median UI v1.7 was released with many more features than Median UI v1.6. And Median UI v1.7 came with a non-sticky header on mobile and a sticky header on desktop they gave a method to make the header sticky on mobile but we noticed that process not working properly. So we found a solution for you that help you to make Median UI v1.7 header sticky by following this tutorial carefully. So without wasting much time let's check how to make Median UI v1.7 header sticky on mobile.

How to make Median UI v1.7 header sticky on mobile?

  • First of all, go to the Blogger dashboard
  • Then go to the Theme option from the sidebar
  • Then click on the drop-down icon near Customize option
  • Then click on Edit HTML from the drop-down menu
  • Now find the following CSS and remove it

/* mainH */ .nB:not(.headerSticky) .mainH{position:relative}

  • Then click on the save icon to save HTML

  • Conclusion

    Hope this tutorial will help you to make Median UI v1.7 header sticky on mobile, If you have any doubts related to this tutorial ask me in the comment. Don't forget to share with your friends, It may be useful to them. Thanks for visiting, Have a nice day!


    Post a Comment

    Cookie Consent
    We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
    Oops!
    It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
    AdBlock Detected!
    We have detected that you are using adblocking plugin in your browser.
    The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
    Site is Blocked
    Sorry! This site is not available in your country.