Median UI
median ui is dashboard like designed blogger thumbnail by jago desaign, it comes with alot of features, fadt loading and ads friendly
Mobile Menu
median ui also comes with sticky mobile menu on the down of site, many of people didn't like them and trying to remove but due to some minor mistake they cant do, in this article i will explain you "How To Remove Mobile Menu From Median UI Templates"
How To Remove (step-by-step)
• Go To Blogger Dashboard
• Click On The Three Dots
• Click On Themes
• Now Click On The Arrow ∆
• Select Edit HTML
• Now Follow Given Steps
Basic Step
• Click Ctrl+F And Search For
.header{padding:0 20px;position:absolute;}
in the "@media screen and (max-width: 640px) {" Section
• Delete "absolute"
• After Deleting It Looks Like This
".header{padding:0 20px;position:;}"
Add A Search ICON In Header
In the post display the navigation icon is changed to a back button to the homepage , to change it, please find and delete the code collection below:
.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.singleItem .navicon .nav.home{display:block}
.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:55%;-webkit-transform:translateY(3px) rotate(40deg);transform:translateY(3px) rotate(40deg)}
.singleItem .navicon .nav i:nth-child(2){width:95%;margin-left:0%}
.singleItem .navicon .nav i:nth-child(3){width:10%;margin-left:62.5%;background-color:transparent;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}After That It Looks Like This
Now We Are Ready To Remove The Mobile Menu
• Click Ctrl+F
• Search For The Below Code And Delete
/* Navigation mobile show */
.navigation-mobile{background-color:#fefefe;box-shadow:0 -10px 20px 0 rgba(30,30,30,.05);bottom:0}
.navigation-mobile li{visibility:visible;opacity:1}
.navigation-mobile .top-link a{display:block;position:relative;right:auto;bottom:auto;width:auto;height:auto;background-color:transparent;box-shadow:none}
.dark-mode .navigation-mobile svg{fill:$(night.colors)}
.dark-mode .navigation-mobile svg.line, .dark-mode .navigation-mobile .top-link svg.line{fill:none;stroke:$(night.colors)}
Preview
Please save your template and see the results.
Final Words
i hope you like this article and it was helpful for you, if you facing any difficulty or error let me know in comments